@charset "UTF-8";
html {
  --xanh-m: #00483a;
  font-size: 2.6666666667vw;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}
@media screen and (min-width: 1400px) {
  html {
    font-size: 62.5%;
  }
}
html * {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Shopee 2021", "Roboto", sans-serif;
  font-weight: 400;
  background-color: #fff;
  color: #262626;
  font-size: 1.6rem;
  line-height: 1.4;
  background-position: top center;
  background-repeat: repeat-x;
}
@media screen and (max-width: 767px) {
  body {
    background-image: url(../img/common/body_top_sp.png);
    padding-top: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  body {
    background-image: url(../img/common/body_top.png);
    padding-top: 3.5rem;
  }
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
  transition: 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
  font-weight: bold;
}

h1 {
  font-size: 2em;
  margin-bottom: 0.67em;
}

h2 {
  font-size: 1.5em;
  margin-bottom: 0.67em;
}

h3 {
  font-size: 1.17em;
  margin-bottom: 1em 0;
}

h4 {
  font-size: 1em;
  margin-bottom: 1.33em;
}

h5 {
  font-size: 0.83em;
  margin-bottom: 1.67em;
}

h6 {
  font-size: 0.75em;
  margin-bottom: 2.33em;
}

input,
select,
textarea {
  font: inherit;
}

iframe {
  width: 100%;
}

.strong {
  font-weight: 700;
}

.text-upper {
  text-transform: uppercase;
}
.text-right {
  text-align: right;
}

.d-none {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .pc,
  .d-sp {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .sp,
  .d-pc {
    display: none !important;
  }
}
.btn {
  display: inline-block;
  padding: 1rem 2rem;
  font-weight: 900;
  border-radius: 0.4rem;
  text-transform: uppercase;
  transition: 0.3s;
}
.btn-yellow {
  color: #00483a;
  background-color: #ffd880;
}
.btn-yellow:hover {
  filter: drop-shadow(0 0 0.3rem #00483a);
}

.container {
  width: 100%;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.list_dot_arrow {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.list_dot_arrow li {
  position: relative;
  padding-left: 2rem;
}
.list_dot_arrow li::before, .list_dot_arrow li::after {
  content: "";
  position: absolute;
  left: 0;
}
.list_dot_arrow li::before {
  top: 3rem;
  width: 1rem;
  height: 1rem;
  display: block;
  border-radius: 1rem;
  border: 0.3rem solid #00483a;
  background-color: #ffd880;
}
.list_dot_arrow li::after {
  top: 5rem;
  width: 1.5rem;
  height: 90%;
  background-image: url(../img/top/quytrinh_arrow.svg);
  background-position: bottom center;
  background-repeat: no-repeat;
}
.list_dot_arrow li:last-child::after {
  content: none;
}

#site_header {
  position: relative;
  z-index: 2;
}

.header_top {
  background-color: #00483a;
  color: #ffe5bb;
  position: relative;
  z-index: 99;
}
@media screen and (max-width: 767px) {
  .header_top {
    padding: 1.2rem 0;
  }
}
@media screen and (min-width: 768px) {
  .header_top {
    padding: 1.8rem 0;
  }
}
.header_top .header_top_wrap {
  display: flex;
  justify-content: space-between;
}
.header_top .header_top_wrap .header_top_logo {
  position: relative;
}
@media screen and (max-width: 767px) {
  .header_top .header_top_wrap .header_top_logo {
    width: 7rem;
  }
}
@media screen and (min-width: 768px) {
  .header_top .header_top_wrap .header_top_logo {
    width: 15rem;
  }
}
.header_top .header_top_wrap .header_top_logo #logo {
  position: absolute;
  left: 0;
  z-index: 100;
}
@media screen and (max-width: 767px) {
  .header_top .header_top_wrap .header_top_logo #logo {
    top: 0.2rem;
  }
}
@media screen and (min-width: 768px) {
  .header_top .header_top_wrap .header_top_logo #logo {
    top: 0;
  }
}
.header_top .header_top_wrap .header_top_logo #logo img {
  width: 15rem;
  height: 15rem;
}
@media screen and (min-width: 768px) {
  .header_top .header_top_wrap .header_top_info {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 20rem);
  }
}
@media screen and (max-width: 767px) {
  .header_top .header_top_wrap .header_top_info .header_contact {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .header_top .header_top_wrap .header_top_info .header_contact {
    display: flex;
    gap: 4rem;
    text-transform: uppercase;
  }
  .header_top .header_top_wrap .header_top_info .header_contact a img,
  .header_top .header_top_wrap .header_top_info .header_contact a span {
    display: inline-block;
    vertical-align: middle;
  }
  .header_top .header_top_wrap .header_top_info .header_contact a img {
    margin-right: 0.5rem;
  }
}
.header_top .header_top_wrap .header_top_info .header_search_cart {
  position: relative;
}
@media screen and (min-width: 768px) {
  .header_top .header_top_wrap .header_top_info .header_search_cart {
    display: flex;
    gap: 3rem;
    transform: translateX(3rem);
  }
}
@media screen and (max-width: 767px) {
  .header_top .header_top_wrap .header_top_info .header_search_cart .header_search {
    position: absolute;
    bottom: -6rem;
    right: 0;
    z-index: 100;
  }
}
.header_top .header_top_wrap .header_top_info .header_search_cart .header_search .search-form-group {
  position: relative;
}
.header_top .header_top_wrap .header_top_info .header_search_cart .header_search .search-form-group input {
  outline: none;
  background-color: #f5f5f6;
  border-radius: 0.5rem;
  border: none;
  width: 26rem;
  padding: 0.8rem 1.5rem;
}
.header_top .header_top_wrap .header_top_info .header_search_cart .header_search .search-form-group input::-moz-placeholder {
  color: #262626;
}
.header_top .header_top_wrap .header_top_info .header_search_cart .header_search .search-form-group input::placeholder {
  color: #262626;
}
.header_top .header_top_wrap .header_top_info .header_search_cart .header_search .search-form-group .btn-search {
  position: absolute;
  right: 0;
  background: none;
  border: none;
  bottom: 0;
  right: 0;
  top: 0;
  width: 4rem;
  text-align: center;
}
.header_top .header_top_wrap .header_top_info .header_search_cart .header_search .search-form-group .btn-search img {
  margin: 0 auto;
}
.header_top .header_top_wrap .header_top_info .header_top_action {
  display: flex;
  position: relative;
}
@media screen and (max-width: 767px) {
  .header_top .header_top_wrap .header_top_info .header_top_action {
    gap: 2.2rem;
  }
}
.header_top .header_top_wrap .header_top_info .header_top_action .btn-cart {
  position: relative;
}
.header_top .header_top_wrap .header_top_info .header_top_action .btn-cart .count {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  width: 1.6rem;
  height: 1.6rem;
  border: 0.1rem solid #ffd880;
  border-radius: 1.6rem;
  color: #fff;
  font-size: 0.7rem;
  line-height: 1.6rem;
  text-align: center;
  display: block;
  background-color: #00483a;
}

@media screen and (max-width: 767px) {
  .header_menu {
    height: 5rem;
  }
}

#menu-primary {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
@media screen and (max-width: 767px) {
  #menu-primary {
    flex-direction: column;
    width: 100%;
    position: fixed;
    z-index: 99;
    left: 0;
    background-color: #fff;
    padding: 1rem 2rem;
    padding-top: 6rem;
    visibility: hidden;
    opacity: 0;
    transform: translateY(10rem);
    transition: 0.3s;
  }
  #menu-primary.open {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (min-width: 768px) {
  #menu-primary {
    justify-content: flex-end;
    gap: 1rem;
  }
}
@media screen and (min-width: 768px) {
  #menu-primary li {
    display: block;
    padding: 1.2rem 0;
  }
}
@media screen and (max-width: 767px) {
  #menu-primary li:not(:last-child) a {
    border-bottom: 0.1rem solid;
  }
}
#menu-primary li a {
  display: block;
  color: #00483a;
  text-transform: uppercase;
  position: relative;
}
@media screen and (max-width: 767px) {
  #menu-primary li a {
    padding: 1.2rem 0;
  }
}
@media screen and (min-width: 768px) {
  #menu-primary li a {
    padding: 1rem 1rem;
  }
  #menu-primary li a::after {
    content: "";
    position: absolute;
    display: block;
    width: 0%;
    height: 0.2rem;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #00483a;
    transition: 0.3s;
  }
}
#menu-primary li:hover > a::after {
  width: 100%;
}
#menu-primary li.current a {
  font-weight: 900;
}
#menu-primary li.has-children {
  position: relative;
}
#menu-primary li.has-children .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 30rem;
  z-index: 2;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #menu-primary li.has-children .sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    transform: translateY(10rem);
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
  }
}
#menu-primary li.has-children .sub-menu li {
  padding: 0;
}
#menu-primary li.has-children .sub-menu li a {
  padding: 1rem 2rem;
}
#menu-primary li.has-children .sub-menu li a::after {
  left: 0;
  transform: none;
}
#menu-primary li.has-children:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

#top_main {
  position: relative;
}
@media screen and (min-width: 768px) {
  #top_main {
    margin-top: -3rem;
  }
}
#top_main .main_image img {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #top_main .main_image img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #top_main .main_image img {
    height: 55.5rem;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media screen and (max-width: 767px) {
  #top_main .main_content {
    margin-top: 2rem;
    margin-bottom: 5rem;
  }
}
@media screen and (min-width: 768px) {
  #top_main .main_content {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 768px) {
  #top_main .main_content .about {
    margin-left: 10rem;
    max-width: 48rem;
  }
}
@media screen and (max-width: 767px) {
  #top_main .main_content .about .slogan {
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  #top_main .main_content .about .slogan {
    margin-bottom: 2rem;
  }
}
#top_main .main_content .about h1 {
  font-family: "Commerce-Condensed";
  font-weight: 700;
  color: #00483a;
  text-transform: uppercase;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #top_main .main_content .about h1 {
    font-size: 3.5rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 768px) {
  #top_main .main_content .about h1 {
    font-size: 6rem;
    line-height: 1;
  }
}
#top_main .main_content .about .description {
  font-weight: 700;
  color: #00483a;
  text-transform: uppercase;
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  #top_main .main_content .about .description {
    line-height: 2.1;
  }
}

#cauchuyen {
  background-color: #c8b996;
  background-image: url(../img/top/cau_chuyen_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
}
@media screen and (max-width: 767px) {
  #cauchuyen {
    background-size: 16rem auto;
    padding: 2rem 0;
  }
}
@media screen and (min-width: 768px) {
  #cauchuyen {
    background-size: 47rem auto;
    padding: 5rem 0;
  }
  #cauchuyen .container {
    display: flex;
    align-items: flex-end;
  }
}
#cauchuyen h2.title {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #cauchuyen h2.title {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  #cauchuyen h2.title img {
    width: 12.6rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  #cauchuyen h2.title img {
    width: 28.6rem;
    margin-bottom: -2rem;
  }
}
#cauchuyen h2.title span {
  color: #fdfdfd;
  font-family: "Commerce-Condensed";
  font-weight: 700;
  text-transform: uppercase;
  line-height: 102.166%; /* 20.433px */
}
@media screen and (max-width: 767px) {
  #cauchuyen h2.title span {
    font-size: 2rem;
    margin-right: -10rem;
    transform: translateY(-2rem);
  }
}
@media screen and (min-width: 768px) {
  #cauchuyen h2.title span {
    font-size: 6rem;
  }
}
#cauchuyen .video {
  aspect-ratio: 16/9;
}
@media screen and (max-width: 767px) {
  #cauchuyen .video {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #cauchuyen .video {
    width: 81rem;
    margin-right: 0;
    margin-left: auto;
  }
}
#cauchuyen .video iframe {
  width: 100%;
  height: 100%;
}

#chatluong {
  color: #fff;
  position: relative;
  background: #0d0e12;
}
@media screen and (max-width: 767px) {
  #chatluong {
    padding-bottom: 20rem;
  }
}
@media screen and (max-width: 767px) {
  #chatluong .layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  #chatluong .layer img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #chatluong .layer img {
    height: 70rem;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 0 auto;
  }
}
#chatluong .chatluong_wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  #chatluong .chatluong_wrap {
    padding-top: 1rem;
    position: relative;
    z-index: 2;
  }
}
@media screen and (min-width: 768px) {
  #chatluong .chatluong_wrap {
    padding-top: 6rem;
  }
}
#chatluong .title {
  color: #fff;
  text-align: center;
  font-family: "Commerce-Condensed";
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #chatluong .title {
    margin-bottom: 1rem;
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  #chatluong .title {
    margin-bottom: 2.5rem;
    font-size: 3rem;
  }
}
#chatluong .chatluong_list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  #chatluong .chatluong_list {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  #chatluong .chatluong_list {
    row-gap: 5rem;
    -moz-column-gap: 45rem;
         column-gap: 45rem;
    justify-content: space-between;
  }
}
#chatluong .chatluong_list .item {
  display: flex;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  #chatluong .chatluong_list .item {
    width: 33rem;
  }
  #chatluong .chatluong_list .item:nth-child(1) {
    order: 1;
  }
  #chatluong .chatluong_list .item:nth-child(2) {
    order: 3;
  }
  #chatluong .chatluong_list .item:nth-child(3) {
    order: 2;
  }
  #chatluong .chatluong_list .item:nth-child(4) {
    order: 4;
  }
  #chatluong .chatluong_list .item:nth-child(1) .icon, #chatluong .chatluong_list .item:nth-child(2) .icon {
    order: 2;
  }
  #chatluong .chatluong_list .item:nth-child(1) .text, #chatluong .chatluong_list .item:nth-child(2) .text {
    text-align: right;
  }
}
#chatluong .chatluong_list .item .icon {
  width: 5.4rem;
}
#chatluong .chatluong_list .item .text {
  width: calc(100% - 5.4rem);
}
#chatluong .chatluong_list .item .text strong {
  color: #ffd880;
  font-size: 1.6rem;
  text-transform: uppercase;
}
#chatluong .chatluong_list .item .text a {
  color: #ffd880;
  font-size: 1.1rem;
}
#chatluong .chatluong_list .item .text p {
  margin-bottom: 0.3em;
}

#quytrinh {
  background-image: url(../img/top/quytrinh_bg_1.png), url(../img/top/quytrinh_bg_2.png), url(../img/top/quytrinh_bg_3.png);
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #quytrinh {
    background-size: 26rem auto, 17rem auto, 18rem auto;
    background-position: bottom left, center right, left top 5rem;
    padding-top: 2.5rem;
    padding-bottom: 6rem;
  }
}
@media screen and (min-width: 768px) {
  #quytrinh {
    background-size: 50rem auto, 24rem auto, 22rem auto;
    background-position: bottom left, right bottom 2rem, right top 9rem;
    padding-top: 10rem;
    padding-bottom: 11rem;
  }
}
#quytrinh .title {
  color: #00483a;
  line-height: 1.2;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  #quytrinh .title {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 768px) {
  #quytrinh .title {
    font-size: 3rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  #quytrinh .quytrinh_wrap {
    display: flex;
    justify-content: space-between;
    gap: 4rem;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  #quytrinh .quytrinh_img {
    width: 33rem;
    margin-right: -2rem;
    margin-left: auto;
    margin-top: 5rem;
  }
}
@media screen and (min-width: 768px) {
  #quytrinh .quytrinh_img {
    margin-left: -5rem;
  }
}
@media screen and (min-width: 768px) {
  #quytrinh .quytrinh_content {
    order: 1;
  }
}
#quytrinh .quytrinh_list li {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #quytrinh .quytrinh_list li .image {
    width: 7.6rem;
  }
}
@media screen and (min-width: 768px) {
  #quytrinh .quytrinh_list li .image {
    width: 8.5rem;
  }
}
@media screen and (max-width: 767px) {
  #quytrinh .quytrinh_list li .text {
    width: 24rem;
  }
}
@media screen and (min-width: 768px) {
  #quytrinh .quytrinh_list li .text {
    width: 36rem;
  }
}
#quytrinh .quytrinh_list li .text h3 {
  color: #00483a;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.2;
  text-transform: uppercase;
}

.title {
  color: #00483a;
  text-transform: uppercase;
  text-align: center;
  font-family: "Commerce-Condensed";
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .title {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .title {
    font-size: 3rem;
    margin-bottom: 5rem;
  }
}
.title-left {
  text-align: left;
}

.sub_title {
  color: #00483a;
  background-color: #ffd880;
  border-radius: 0.4rem;
  line-height: 1.1;
  padding: 1rem 1.5rem 0.8rem;
  margin-bottom: 0.5rem;
  display: inline-block;
}

.title-coffee {
  position: relative;
}
.title-coffee::before {
  content: "";
  display: block;
  background-image: url(../img/common/icon_title.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .title-coffee::before {
    height: 5.1rem;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .title-coffee::before {
    height: 7.2rem;
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 767px) {
  #thamquan {
    padding-top: 3rem;
  }
}
@media screen and (min-width: 768px) {
  #thamquan {
    padding-top: 6rem;
  }
}

.thamquan_list {
  max-width: 1440px;
}
.thamquan_list .item > img {
  width: 100%;
  display: block;
}
.thamquan_list .item .quote {
  background-color: #283234;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .thamquan_list .item .quote {
    padding: 2rem 5rem;
  }
}
@media screen and (min-width: 768px) {
  .thamquan_list .item .quote {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 0 7rem;
  }
}
.thamquan_list .item .quote img {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .thamquan_list .item .quote img {
    width: 6rem;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .thamquan_list .item .quote img {
    width: 7.8rem;
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .thamquan_list {
    margin: 0 auto;
    display: flex;
  }
  .thamquan_list .thamquan_left {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 66.6666666667%;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .thamquan_list .thamquan_left > div {
    order: 3;
    width: 50%;
    overflow: hidden;
  }
  .thamquan_list .thamquan_left > div:nth-child(1) {
    order: 2;
  }
  .thamquan_list .thamquan_left > div:nth-child(2) {
    order: 1;
  }
  .thamquan_list .thamquan_left > div > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (min-width: 768px) {
  .thamquan_list .thamquan_right {
    width: 33.3333333333%;
  }
}

#trainghiem {
  background-color: #f4f1ee;
}
@media screen and (max-width: 767px) {
  #trainghiem {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media screen and (min-width: 768px) {
  #trainghiem {
    padding-top: 7rem;
  }
}
#trainghiem .trainghiem_wrap {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  #trainghiem .trainghiem_wrap {
    padding-bottom: 10rem;
  }
}
@media screen and (min-width: 768px) {
  #trainghiem .trainghiem_wrap .trainghiem_content {
    padding-left: 40rem;
  }
}
#trainghiem .trainghiem_wrap .title {
  margin-bottom: 0;
}
#trainghiem .trainghiem_wrap .description {
  text-align: center;
}
@media screen and (max-width: 767px) {
  #trainghiem .trainghiem_wrap .description {
    padding: 0 3rem;
  }
}
@media screen and (max-width: 767px) {
  #trainghiem .image {
    width: 27rem;
    margin: 3rem auto 1rem 3rem;
  }
}
@media screen and (min-width: 768px) {
  #trainghiem .image {
    position: absolute;
    top: 50%;
    left: 4rem;
    transform: translateY(-50%);
  }
  #trainghiem .image img {
    width: 45rem;
  }
}
#trainghiem .trainghiem_list {
  display: flex;
}
@media screen and (max-width: 767px) {
  #trainghiem .trainghiem_list {
    flex-direction: column;
    gap: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  #trainghiem .trainghiem_list {
    gap: 2rem;
    margin-top: 3rem;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  #trainghiem .trainghiem_list .item {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
}
#trainghiem .trainghiem_list .item .icon {
  width: 7.5rem;
}
@media screen and (min-width: 768px) {
  #trainghiem .trainghiem_list .item .icon {
    width: 100%;
    height: 10rem;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
  }
  #trainghiem .trainghiem_list .item .icon img {
    height: 100%;
    width: auto;
    margin: 0 auto;
  }
}
#trainghiem .trainghiem_list .item .text {
  width: 24rem;
}
@media screen and (min-width: 768px) {
  #trainghiem .trainghiem_list .item .text {
    text-align: center;
  }
}
#trainghiem .trainghiem_list .item .text .stitle {
  font-weight: 700;
  text-transform: uppercase;
  color: #00483a;
  font-size: 1.8rem;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  #sanpham {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  #sanpham .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) {
  #sanpham {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.woocommerce ul.products {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  row-gap: 2rem;
}
@media screen and (max-width: 767px) {
  .woocommerce ul.products {
    margin-left: -0.6rem;
    margin-right: -0.6rem;
  }
}
@media screen and (min-width: 768px) {
  .woocommerce ul.products {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
.woocommerce ul.products .product {
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}
@media screen and (max-width: 767px) {
  .woocommerce ul.products .product {
    width: 50% !important;
    padding-left: 0.6rem !important;
    padding-right: 0.6rem !important;
  }
}
@media screen and (min-width: 768px) {
  .woocommerce ul.products .product {
    width: 25% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
.woocommerce ul.products .product .product_inn {
  border: 0.1rem solid #00483a;
  border-radius: 1.3rem;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.woocommerce ul.products .product .product_image {
  padding: 1rem;
}
.woocommerce ul.products .product .product_label {
  position: relative;
  padding-right: 7rem;
}
.woocommerce ul.products .product .product_label a img {
  margin-right: 6rem;
}
.woocommerce ul.products .product .product_title {
  text-transform: uppercase;
  margin: 0;
  color: #00483a;
  font-size: 1.6rem;
  text-align: center;
  padding: 0 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.woocommerce ul.products .product .product_title a {
  color: inherit;
}
.woocommerce ul.products .product .review_sold {
  display: flex;
  justify-content: center;
  gap: 2rem;
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
.woocommerce ul.products .product .review_sold img {
  display: inline-block;
  vertical-align: middle;
  width: 1.6rem;
}
.woocommerce ul.products .product .review_sold span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.6rem;
}
.woocommerce ul.products .product .review_sold span b {
  margin-right: 0.2rem;
}
.woocommerce ul.products .product .review_sold .review span {
  color: #f7b252;
}
.woocommerce ul.products .product .product_price {
  text-align: center;
  margin-bottom: 1rem;
}
.woocommerce ul.products .product .product_price > span.price {
  display: flex;
  flex-direction: column;
}
.woocommerce ul.products .product .product_price > span.price del {
  opacity: 1;
  order: 2;
  color: #000;
  font-size: 0.75em;
}
.woocommerce ul.products .product .product_price > span.price bdi,
.woocommerce ul.products .product .product_price > span.price ins {
  font-weight: bold;
  text-decoration: none;
}
.woocommerce ul.products .product .product_price > span.price bdi:before {
  content: "Giá ";
  font-weight: 500;
}
.woocommerce ul.products .product .product_action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-top: auto;
  margin-bottom: 1rem;
  padding: 0.5rem;
}
.woocommerce ul.products .product .product_action .button,
.woocommerce ul.products .product .product_action .woocommerce-loop-product__link,
.woocommerce ul.products .product .product_action .add_to_cart_button,
.woocommerce ul.products .product .product_action .added_to_cart,
.woocommerce ul.products .product .product_action .yith-wcwl-add-to-wishlist .add_to_wishlist,
.woocommerce ul.products .product .product_action .yith-wcwl-add-button .delete_item {
  margin: 0 !important;
  height: 3rem;
  width: 3rem;
  padding: 0 !important;
  background-color: #fff;
  border: 1px solid;
  display: block;
  font-size: 1.8rem;
  text-align: center;
  border-radius: 0.4rem;
  color: #00483a;
  line-height: 3rem;
  overflow: hidden;
}
.woocommerce ul.products .product .product_action img {
  width: 3rem;
}
.woocommerce ul.products .product .product_action .button,
.woocommerce ul.products .product .product_action .added_to_cart,
.woocommerce ul.products .product .product_action .add_to_cart_button {
  background-image: url(../img/common/icon_add_to_cart.svg);
  background-size: contain;
  width: 3rem;
  height: 3rem;
  display: block;
  text-indent: -100rem;
  overflow: hidden;
}
.woocommerce ul.products .product .product_action .add_to_cart_button.added {
  display: none;
}
.woocommerce ul.products .product .product_action .yith-wcwl-add-button .delete_item i {
  margin: 0;
}
.woocommerce ul.products .product .product_action .yith-wcwl-add-to-wishlist {
  margin-top: 0;
}
.woocommerce ul.products .product .product_action .yith-wcwl-add-to-wishlist .add_to_wishlist i {
  margin: 0;
}
.woocommerce ul.products .product .product_action .yith-wcwl-add-to-wishlist .add_to_wishlist span {
  display: none;
}

.product_labels {
  position: absolute;
  right: 0;
  top: 2rem;
  width: 6.4rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.product_labels .label.sale_off {
  font-family: "Commerce-Condensed";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
}
.product_labels .label.sale_off span {
  display: block;
  color: #f7b252;
  font-size: 3rem;
}

.woocommerce-product-gallery__trigger {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2rem;
  padding: 1rem;
}

.woocommerce-loop-product__title {
  text-transform: uppercase;
  margin: 0;
  color: #00483a;
  font-size: 1.6rem;
  text-align: center;
  padding: 0 1rem;
  padding-bottom: 2rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.list_sanpham {
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .list_sanpham .woocommerce {
    flex: 1;
    display: flex;
    overflow-x: auto;
    padding: 2rem;
  }
  .list_sanpham .woocommerce ul.products {
    flex: 1;
    flex-wrap: nowrap;
  }
  .list_sanpham .woocommerce ul.products .product {
    width: 26.5rem !important;
  }
}
.list_sanpham .products {
  display: flex;
  margin-left: -1rem;
  margin-right: -1rem;
}
.list_sanpham .products .product {
  width: 26.5rem;
}

#top_review {
  overflow: hidden;
  background-size: cover;
  background-position: top center;
}
@media screen and (max-width: 767px) {
  #top_review {
    background-repeat: no-repeat;
    background-image: url(../img/top/top_review_bg_sp.png);
  }
}
@media screen and (min-width: 768px) {
  #top_review {
    background-image: url(../img/top/top_review_bg.png);
  }
}
#top_review .top_review_wrap {
  max-width: 1440px;
  margin: 0 auto;
  background-image: url(../img/top/top_review_coffe_tea.png);
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #top_review .top_review_wrap {
    background-position: top left 2rem;
    background-size: 8rem;
  }
}
@media screen and (min-width: 768px) {
  #top_review .top_review_wrap {
    background-position: top left 10rem;
    background-size: 29rem;
  }
}
#top_review .top_review {
  padding-top: 5rem;
  padding-bottom: 6rem;
}
@media screen and (min-width: 768px) {
  #top_review .top_review {
    margin-left: 30rem;
  }
}
#top_review .top_review .top_review_title {
  text-align: center;
}
@media screen and (max-width: 767px) {
  #top_review .top_review .top_review_title {
    margin-right: 6rem;
    margin-left: 10rem;
  }
}
#top_review .top_review .top_review_title .sub_title {
  display: inline-block;
  color: #00483a;
  padding: 0.8rem 1.5rem 0.6rem;
  background-color: #ffd880;
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}
#top_review .top_review .top_review_title .title {
  color: #fff;
  margin-bottom: 3rem;
}
#top_review .top_review .list_review {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#top_review .top_review .list_review .review {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1.5rem 0;
}
@media screen and (min-width: 768px) {
  #top_review .top_review .list_review .review {
    width: 45%;
    border-top: 0.1rem solid #fff;
  }
  #top_review .top_review .list_review .review:nth-child(1), #top_review .top_review .list_review .review:nth-child(2) {
    border-top: none;
  }
}
#top_review .top_review .list_review .review .avatar {
  width: 7.5rem;
  overflow: hidden;
}
#top_review .top_review .list_review .review .avatar img {
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 7.5rem;
}
#top_review .top_review .list_review .review .review_info {
  width: calc(100% - 10rem);
}
#top_review .top_review .list_review .review .review_info .info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}
#top_review .top_review .list_review .review .review_info .info .name_time span {
  display: block;
}
#top_review .top_review .list_review .review .review_info .info .name_time .name {
  color: #ffd880;
  font-family: "Commerce-Condensed";
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  #top_review .top_review .list_review .review .review_info .info .name_time .name {
    line-height: 1.1;
  }
}
@media screen and (min-width: 768px) {
  #top_review .top_review .list_review .review .review_info .info .name_time .name {
    line-height: 1.6;
  }
}
#top_review .top_review .list_review .review .review_info .info .name_time .time {
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  #top_review .top_review .list_review .review .review_info .info .label {
    width: 7.4rem;
  }
}
@media screen and (min-width: 768px) {
  #top_review .top_review .list_review .review .review_info .info .label {
    width: 9.4rem;
  }
}
#top_review .top_review .list_review .review .review_info .info .rating .stars {
  height: 1.8rem;
  width: 9rem;
  background-image: url(../img/common/icon_star_disable.svg);
  background-repeat: repeat-x;
  background-size: 1.8rem;
  overflow: hidden;
}
#top_review .top_review .list_review .review .review_info .info .rating .stars .rate {
  height: 1.8rem;
  width: 9rem;
  background-image: url(../img/common/icon_star.svg);
  background-repeat: repeat-x;
  background-size: 1.8rem;
}
#top_review .top_review .list_review .review .review_content {
  margin-top: 1rem;
  width: 100%;
  background-image: url(../img/common/icon_quote.svg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 2.5rem auto;
  padding-left: 3.5rem;
  padding-top: 0.5rem;
}
#top_review .top_review .list_review .review .review_content p {
  margin-bottom: 0.5rem;
}

#chuoicuahang {
  padding-top: 4rem;
}
@media screen and (max-width: 767px) {
  #chuoicuahang {
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  #chuoicuahang {
    padding-bottom: 9rem;
  }
}
#chuoicuahang .title {
  text-align: left;
  margin-bottom: 2rem;
}

.stores {
  display: flex;
  row-gap: 2rem;
}
@media screen and (max-width: 767px) {
  .stores {
    flex-direction: column;
    margin-left: -2rem;
    margin-right: -2rem;
  }
}
@media screen and (min-width: 768px) {
  .stores {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
@media screen and (min-width: 768px) {
  .stores .store {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 50%;
  }
}
.stores .store .store_inner {
  position: relative;
}
.stores .store .store_inner > img {
  width: 100%;
}
.stores .store .store_inner .info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  transform: scale(0.8);
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .stores .store .store_inner .info img.logo {
    width: 8rem;
  }
}
@media screen and (min-width: 768px) {
  .stores .store .store_inner .info img.logo {
    width: 12rem;
  }
}
.stores .store .store_inner .info .tel img,
.stores .store .store_inner .info .tel span {
  display: inline-block;
  vertical-align: middle;
}
.stores .store .store_inner .info .tel img {
  width: 2.5rem;
  height: 2.5rem;
}
.stores .store .store_inner:hover .info {
  transform: scale(1);
  opacity: 1;
}
.stores .store .store_name {
  margin-top: 1rem;
  color: #00483a;
  font-weight: bold;
}

#baochi {
  padding-top: 4rem;
}
@media screen and (max-width: 767px) {
  #baochi {
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  #baochi {
    padding-bottom: 9rem;
  }
}
#baochi .title {
  text-align: left;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  #baochi .baochi_wrap {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}
#baochi .baochi_wrap .list_baochi {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  #baochi .baochi_wrap .list_baochi {
    flex: 1;
    overflow-x: auto;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (min-width: 768px) {
  #baochi .baochi_wrap .list_baochi {
    justify-content: space-between;
  }
}
#baochi .baochi_wrap .list_baochi .item .item_inn {
  height: 100%;
  border: 0.1rem solid #00483a;
}
#baochi .baochi_wrap .list_baochi .item .item_inn img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  #baochi .baochi_wrap .list_baochi .baochi_left {
    display: flex;
    flex: 1;
    gap: 1rem;
  }
  #baochi .baochi_wrap .list_baochi .baochi_left .item {
    width: 30rem;
  }
  #baochi .baochi_wrap .list_baochi .baochi_left .item img {
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  #baochi .baochi_wrap .list_baochi .baochi_left {
    width: 67.6rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  #baochi .baochi_wrap .list_baochi .baochi_left .item {
    width: 50%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  #baochi .baochi_wrap .list_baochi .baochi_left .item:first-child {
    width: 100%;
  }
}
#baochi .baochi_wrap .list_baochi .baochi_right {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  #baochi .baochi_wrap .list_baochi .baochi_right {
    flex: 1;
  }
  #baochi .baochi_wrap .list_baochi .baochi_right .item {
    width: 30rem;
  }
}
@media screen and (min-width: 768px) {
  #baochi .baochi_wrap .list_baochi .baochi_right {
    flex-direction: column;
    width: 45.2rem;
  }
}

#promotion,
#tintuc {
  background-color: #f4f1ee;
  background-image: url(../img/top/tintuc_bg_left.png), url(../img/top/tintuc_bg_right.png);
  background-position: top left, bottom right;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #promotion,
  #tintuc {
    background-size: 12.5rem auto, 9.6rem auto;
    padding: 3rem 0;
  }
}
@media screen and (min-width: 768px) {
  #promotion,
  #tintuc {
    background-size: 28.4rem auto, 21.8rem auto;
    padding: 6rem 0;
  }
}
#promotion .title,
#tintuc .title {
  text-align: left;
}
@media screen and (max-width: 767px) {
  #promotion .promotion_wrap,
  #promotion .tintuc_wrap,
  #tintuc .promotion_wrap,
  #tintuc .tintuc_wrap {
    display: flex;
    flex: 1;
    overflow-x: auto;
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
}
#promotion .promotion_wrap .list_promotion,
#promotion .promotion_wrap .list_tintuc,
#promotion .tintuc_wrap .list_promotion,
#promotion .tintuc_wrap .list_tintuc,
#tintuc .promotion_wrap .list_promotion,
#tintuc .promotion_wrap .list_tintuc,
#tintuc .tintuc_wrap .list_promotion,
#tintuc .tintuc_wrap .list_tintuc {
  display: flex;
}
@media screen and (max-width: 767px) {
  #promotion .promotion_wrap .list_promotion,
  #promotion .promotion_wrap .list_tintuc,
  #promotion .tintuc_wrap .list_promotion,
  #promotion .tintuc_wrap .list_tintuc,
  #tintuc .promotion_wrap .list_promotion,
  #tintuc .promotion_wrap .list_tintuc,
  #tintuc .tintuc_wrap .list_promotion,
  #tintuc .tintuc_wrap .list_tintuc {
    gap: 2rem;
  }
}
@media screen and (min-width: 768px) {
  #promotion .promotion_wrap .list_promotion,
  #promotion .promotion_wrap .list_tintuc,
  #promotion .tintuc_wrap .list_promotion,
  #promotion .tintuc_wrap .list_tintuc,
  #tintuc .promotion_wrap .list_promotion,
  #tintuc .promotion_wrap .list_tintuc,
  #tintuc .tintuc_wrap .list_promotion,
  #tintuc .tintuc_wrap .list_tintuc {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
@media screen and (max-width: 767px) {
  #promotion .promotion_wrap .promotion,
  #promotion .promotion_wrap .tintuc,
  #promotion .tintuc_wrap .promotion,
  #promotion .tintuc_wrap .tintuc,
  #tintuc .promotion_wrap .promotion,
  #tintuc .promotion_wrap .tintuc,
  #tintuc .tintuc_wrap .promotion,
  #tintuc .tintuc_wrap .tintuc {
    width: 29rem;
  }
}
@media screen and (min-width: 768px) {
  #promotion .promotion_wrap .promotion,
  #promotion .promotion_wrap .tintuc,
  #promotion .tintuc_wrap .promotion,
  #promotion .tintuc_wrap .tintuc,
  #tintuc .promotion_wrap .promotion,
  #tintuc .promotion_wrap .tintuc,
  #tintuc .tintuc_wrap .promotion,
  #tintuc .tintuc_wrap .tintuc {
    width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
#promotion .promotion_wrap .promotion .thumbnail,
#promotion .promotion_wrap .tintuc .thumbnail,
#promotion .tintuc_wrap .promotion .thumbnail,
#promotion .tintuc_wrap .tintuc .thumbnail,
#tintuc .promotion_wrap .promotion .thumbnail,
#tintuc .promotion_wrap .tintuc .thumbnail,
#tintuc .tintuc_wrap .promotion .thumbnail,
#tintuc .tintuc_wrap .tintuc .thumbnail {
  border-radius: 1.5rem;
  overflow: hidden;
  margin-bottom: 2rem;
}
#promotion .promotion_wrap .promotion .thumbnail img,
#promotion .promotion_wrap .tintuc .thumbnail img,
#promotion .tintuc_wrap .promotion .thumbnail img,
#promotion .tintuc_wrap .tintuc .thumbnail img,
#tintuc .promotion_wrap .promotion .thumbnail img,
#tintuc .promotion_wrap .tintuc .thumbnail img,
#tintuc .tintuc_wrap .promotion .thumbnail img,
#tintuc .tintuc_wrap .tintuc .thumbnail img {
  width: 100%;
}
#promotion .promotion_wrap .promotion .meta,
#promotion .promotion_wrap .tintuc .meta,
#promotion .tintuc_wrap .promotion .meta,
#promotion .tintuc_wrap .tintuc .meta,
#tintuc .promotion_wrap .promotion .meta,
#tintuc .promotion_wrap .tintuc .meta,
#tintuc .tintuc_wrap .promotion .meta,
#tintuc .tintuc_wrap .tintuc .meta {
  margin-bottom: 1rem;
}
#promotion .promotion_wrap .promotion .post-title,
#promotion .promotion_wrap .tintuc .post-title,
#promotion .tintuc_wrap .promotion .post-title,
#promotion .tintuc_wrap .tintuc .post-title,
#tintuc .promotion_wrap .promotion .post-title,
#tintuc .promotion_wrap .tintuc .post-title,
#tintuc .tintuc_wrap .promotion .post-title,
#tintuc .tintuc_wrap .tintuc .post-title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #00483a;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
#promotion .promotion_wrap .promotion .post-title a:hover,
#promotion .promotion_wrap .tintuc .post-title a:hover,
#promotion .tintuc_wrap .promotion .post-title a:hover,
#promotion .tintuc_wrap .tintuc .post-title a:hover,
#tintuc .promotion_wrap .promotion .post-title a:hover,
#tintuc .promotion_wrap .tintuc .post-title a:hover,
#tintuc .tintuc_wrap .promotion .post-title a:hover,
#tintuc .tintuc_wrap .tintuc .post-title a:hover {
  text-decoration: underline;
}
#promotion .promotion_wrap .promotion .post-action a,
#promotion .promotion_wrap .tintuc .post-action a,
#promotion .tintuc_wrap .promotion .post-action a,
#promotion .tintuc_wrap .tintuc .post-action a,
#tintuc .promotion_wrap .promotion .post-action a,
#tintuc .promotion_wrap .tintuc .post-action a,
#tintuc .tintuc_wrap .promotion .post-action a,
#tintuc .tintuc_wrap .tintuc .post-action a {
  position: relative;
  padding: 0.7rem 0;
}
#promotion .promotion_wrap .promotion .post-action a::before,
#promotion .promotion_wrap .tintuc .post-action a::before,
#promotion .tintuc_wrap .promotion .post-action a::before,
#promotion .tintuc_wrap .tintuc .post-action a::before,
#tintuc .promotion_wrap .promotion .post-action a::before,
#tintuc .promotion_wrap .tintuc .post-action a::before,
#tintuc .tintuc_wrap .promotion .post-action a::before,
#tintuc .tintuc_wrap .tintuc .post-action a::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  left: 0;
  height: 0.1rem;
  transition: 0.3s;
  background-color: #00483a;
}
#promotion .promotion_wrap .promotion .post-action a::after,
#promotion .promotion_wrap .tintuc .post-action a::after,
#promotion .tintuc_wrap .promotion .post-action a::after,
#promotion .tintuc_wrap .tintuc .post-action a::after,
#tintuc .promotion_wrap .promotion .post-action a::after,
#tintuc .promotion_wrap .tintuc .post-action a::after,
#tintuc .tintuc_wrap .promotion .post-action a::after,
#tintuc .tintuc_wrap .tintuc .post-action a::after {
  content: url(../img/common/icon_readmore.svg);
  margin-left: 1rem;
  transition: 0.3s;
}
#promotion .promotion_wrap .promotion .post-action a:hover::before,
#promotion .promotion_wrap .tintuc .post-action a:hover::before,
#promotion .tintuc_wrap .promotion .post-action a:hover::before,
#promotion .tintuc_wrap .tintuc .post-action a:hover::before,
#tintuc .promotion_wrap .promotion .post-action a:hover::before,
#tintuc .promotion_wrap .tintuc .post-action a:hover::before,
#tintuc .tintuc_wrap .promotion .post-action a:hover::before,
#tintuc .tintuc_wrap .tintuc .post-action a:hover::before {
  width: 100%;
}
#promotion .promotion_wrap .promotion .post-action a:hover::after,
#promotion .promotion_wrap .tintuc .post-action a:hover::after,
#promotion .tintuc_wrap .promotion .post-action a:hover::after,
#promotion .tintuc_wrap .tintuc .post-action a:hover::after,
#tintuc .promotion_wrap .promotion .post-action a:hover::after,
#tintuc .promotion_wrap .tintuc .post-action a:hover::after,
#tintuc .tintuc_wrap .promotion .post-action a:hover::after,
#tintuc .tintuc_wrap .tintuc .post-action a:hover::after {
  margin-left: 1.5rem;
}

#site_footer {
  background-color: #00483a;
  color: #ffe5bb;
  background-position: top center;
  background-repeat: repeat-x;
}
@media screen and (max-width: 767px) {
  #site_footer {
    background-image: url(../img/common/body_top_sp.png);
    background-size: auto 1.4rem;
    padding-bottom: 5rem;
  }
}
@media screen and (min-width: 768px) {
  #site_footer {
    background-image: url(../img/common/body_top.png);
    background-size: auto 3.4rem;
    padding-bottom: 5rem;
    padding-top: 10rem;
  }
}
#site_footer .footer_wrap {
  display: flex;
}
@media screen and (max-width: 767px) {
  #site_footer .footer_wrap {
    flex-direction: column;
    gap: 4rem;
  }
}
@media screen and (min-width: 768px) {
  #site_footer .footer_wrap .footer_info {
    display: flex;
    gap: 3rem;
    margin-right: 8rem;
  }
}
@media screen and (max-width: 767px) {
  #site_footer .footer_wrap .footer_info .footer_logo img {
    width: 9.5rem;
    margin: 0 auto;
    transform: translateY(-3.5rem);
  }
}
@media screen and (min-width: 768px) {
  #site_footer .footer_wrap .footer_info .footer_logo img {
    width: 16rem;
  }
}
#site_footer .footer_wrap .company_info .brand_name {
  font-family: "Commerce-Condensed";
  font-weight: 700;
  color: #ffd880;
  font-size: 3rem;
  margin-bottom: 0;
  line-height: 1.6;
}
#site_footer .footer_wrap .footer_title {
  font-weight: bold;
  margin-bottom: 1rem;
  font-size: 1.2em;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  #site_footer .footer_wrap .footer_menu {
    width: 31rem;
  }
}
#site_footer .footer_wrap .footer_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  #site_footer .footer_wrap .footer_social {
    width: 22rem;
    margin-right: 0;
    margin-left: auto;
  }
}
#site_footer .footer_wrap .footer_social .socials {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  #site_footer .footer_wrap .footer_social .socials {
    gap: 1rem;
  }
}
#site_footer .footer_wrap .footer_social .socials a {
  display: block;
}
#site_footer .footer_wrap .footer_social .socials a img {
  width: 5rem;
}

#breadcrumb {
  background-color: #f4f1ee;
}
@media screen and (max-width: 767px) {
  #breadcrumb {
    margin-top: 0.5rem;
    padding: 1.5rem 0;
  }
}
@media screen and (min-width: 768px) {
  #breadcrumb {
    margin-top: 4rem;
    padding: 4rem 0;
  }
}

.section {
  padding: 5rem 0;
}

.promotion-time {
  height: 2.6em;
  margin-bottom: 1rem;
}

ul.contact_info {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-weight: 500;
}
ul.contact_info li {
  display: flex;
}
ul.contact_info svg,
ul.contact_info img,
ul.contact_info span {
  display: inline-block;
  vertical-align: middle;
}
ul.contact_info svg,
ul.contact_info img {
  width: 2.5rem;
  margin-right: 0.5rem;
  height: 2.5rem;
}

#breadcrumbs {
  margin: 0;
  text-transform: uppercase;
  color: #00483a;
}

#about_main {
  padding: 5rem 0;
}
#about_main .about_wrap {
  position: relative;
}
@media screen and (max-width: 767px) {
  #about_main .about_wrap .main_image {
    padding-right: 4rem;
  }
  #about_main .about_wrap .main_image img {
    border-radius: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  #about_main .about_wrap .main_image {
    width: 65.7rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
  }
  #about_main .about_wrap .main_image img {
    border-radius: 1rem;
  }
}
#about_main .about_wrap .about_content {
  position: relative;
  z-index: 2;
  text-align: justify;
  border-radius: 1rem;
  background: var(--kem, #f4f1ee);
  box-shadow: 0px 0.4rem 0.4rem 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 767px) {
  #about_main .about_wrap .about_content {
    margin-top: -3rem;
    margin-right: -2rem;
    margin-left: 4rem;
    padding: 2rem;
  }
}
@media screen and (min-width: 768px) {
  #about_main .about_wrap .about_content {
    padding: 4rem 6rem;
    width: 60rem;
    margin: 5rem auto;
    margin-right: 0;
    transition: 0.3s;
  }
}
#about_main .about_wrap .about_content .about_more {
  text-align: right;
  margin-top: 1rem;
}
#about_main .about_wrap .about_content .about_more a {
  color: #00483a;
}
#about_main .about_wrap .about_content .about_more a::before {
  content: "Xem thêm";
}
#about_main .about_wrap .about_content .about_more a span {
  display: none;
}
#about_main .about_wrap .about_content .about_content_inn {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8; /* number of lines to show */
  line-clamp: 8;
  -webkit-box-orient: vertical;
}
#about_main .about_wrap .about_content h1,
#about_main .about_wrap .about_content h2,
#about_main .about_wrap .about_content h3 {
  color: var(--xanh-m, #00483a);
  font-family: "Commerce-Condensed";
  font-style: normal;
  font-weight: 700;
  line-height: 106.768%; /* 21.354px */
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  #about_main .about_wrap .about_content h1,
  #about_main .about_wrap .about_content h2,
  #about_main .about_wrap .about_content h3 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  #about_main .about_wrap .about_content h1,
  #about_main .about_wrap .about_content h2,
  #about_main .about_wrap .about_content h3 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 768px) {
  #about_main .about_wrap.show .main_image {
    top: -5rem;
    width: 30rem;
    transform: translateY(0);
  }
}
#about_main .about_wrap.show .about_content {
  width: 100rem;
}
#about_main .about_wrap.show .about_more a::before {
  content: "Thu gọn nội dung";
}
#about_main .about_wrap.show .about_content_inn {
  display: block;
}

.hinhthanh_phattrien li {
  padding-left: 2.5rem;
}
.hinhthanh_phattrien li::before {
  top: 1.2rem;
}
.hinhthanh_phattrien li::after {
  top: 3rem;
}
.hinhthanh_phattrien li .label {
  font-size: 1.6rem;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 700;
  color: #ffd880;
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 1rem;
}
.hinhthanh_phattrien li .label::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -1rem;
  top: 50%;
  height: 100%;
  aspect-ratio: 1;
  background-color: #00483a;
  display: block;
  transform: rotate(45deg) translateY(-70%);
}
.hinhthanh_phattrien li .label span {
  z-index: 2;
  margin-left: 2rem;
  background-color: #00483a;
  display: inline-block;
  border-radius: 0 0.5rem 0.5rem 0;
  padding: 0.8rem 3rem 0.7rem 1rem;
  font-family: Commerce-Condensed;
}
.hinhthanh_phattrien li p:last-child {
  margin-bottom: 0;
}

#conduong {
  padding: 5rem 0;
}
#conduong .conduong_wrap {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  #conduong .conduong_wrap {
    background-image: url(../img/about/conduong.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 70rem auto;
  }
}
@media screen and (min-width: 768px) {
  #conduong .conduong_content {
    width: 43rem;
    margin-right: 10rem;
    margin-left: auto;
    padding-top: 10rem;
    padding-bottom: 13rem;
  }
  #conduong .conduong_content .title {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  #conduong .image {
    margin-left: -1rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 768px) {
  #conduong .image {
    display: none;
  }
}

#about_tamnhin {
  color: #fff;
}
@media screen and (max-width: 767px) {
  #about_tamnhin {
    padding: 3rem 0;
    padding-bottom: 10rem;
    background-image: url(../img/about/tamnhin_bg_sp.png);
    background-size: cover;
    background-position: bottom center;
  }
}
@media screen and (min-width: 768px) {
  #about_tamnhin {
    padding: 6rem 0;
    background-image: url(../img/about/tamnhin_bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
  }
}
#about_tamnhin .title {
  color: #fff;
}
#about_tamnhin .title .lg {
  display: block;
}
@media screen and (max-width: 767px) {
  #about_tamnhin .title .lg {
    font-size: 3.5rem;
  }
}
@media screen and (min-width: 768px) {
  #about_tamnhin .title .lg {
    font-size: 6rem;
  }
}
#about_tamnhin .content_tamnhin .item {
  display: flex;
}
@media screen and (max-width: 767px) {
  #about_tamnhin .content_tamnhin .item {
    gap: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  #about_tamnhin .content_tamnhin .item {
    gap: 6rem;
    max-width: 660px;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  #about_tamnhin .content_tamnhin .item .image {
    width: 4rem;
  }
}
@media screen and (min-width: 768px) {
  #about_tamnhin .content_tamnhin .item .image {
    width: 13rem;
  }
}
#about_tamnhin .content_tamnhin .item .text {
  text-align: justify;
}
@media screen and (max-width: 767px) {
  #about_tamnhin .content_tamnhin .item .text {
    width: calc(100% - 6rem);
  }
}
@media screen and (min-width: 768px) {
  #about_tamnhin .content_tamnhin .item .text {
    width: calc(100% - 20rem);
  }
}
#about_tamnhin .content_tamnhin .item .text .ttitle {
  text-transform: uppercase;
  font-size: 1.6rem;
  color: #ffd880;
  font-weight: 700;
}

#about_doingu {
  padding: 5rem 0;
}
@media screen and (max-width: 767px) {
  #about_doingu .doingu_wrap {
    display: flex;
    flex: 1;
    overflow-x: auto;
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
}
#about_doingu .list_doingu {
  display: flex;
}
@media screen and (max-width: 767px) {
  #about_doingu .list_doingu {
    gap: 2rem;
  }
}
@media screen and (min-width: 768px) {
  #about_doingu .list_doingu {
    row-gap: 2rem;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
@media screen and (max-width: 767px) {
  #about_doingu .list_doingu .item {
    width: 30rem;
  }
}
@media screen and (min-width: 768px) {
  #about_doingu .list_doingu .item {
    width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
#about_doingu .list_doingu .item .inner {
  padding: 3rem 4rem;
  border: 0.1rem solid #00483a;
  border-radius: 1rem;
}
#about_doingu .list_doingu .item .inner .avatar {
  margin-bottom: 1.5rem;
}
#about_doingu .list_doingu .item .inner .avatar img {
  margin: 0 auto;
}
#about_doingu .list_doingu .item .inner .name {
  color: #00483a;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  line-height: 1.4;
}

#about_chatluong {
  padding: 5rem 0;
}
@media screen and (min-width: 768px) {
  #about_chatluong .chatluong_wrap {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  #about_chatluong .chatluong_wrap .chatluong_dichvu {
    width: 54rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5rem;
  }
}
@media screen and (min-width: 768px) {
  #about_chatluong .chatluong_wrap .chatluong_dichvu .content {
    order: 2;
    padding-left: 14rem;
    text-align: justify;
  }
}
#about_chatluong .chatluong_wrap .chatluong_dichvu .content .title {
  text-align: left;
}
@media screen and (min-width: 768px) {
  #about_chatluong .chatluong_wrap .chatluong_dichvu .content .title {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  #about_chatluong .chatluong_wrap .chatluong_dichvu .content .title img {
    width: 28rem;
    margin-bottom: -2rem;
  }
}
@media screen and (min-width: 768px) {
  #about_chatluong .chatluong_wrap .chatluong_dichvu .content .title img {
    width: 36.5rem;
    margin-left: -15rem;
    margin-bottom: -3rem;
  }
}
@media screen and (max-width: 767px) {
  #about_chatluong .chatluong_wrap .chatluong_dichvu .content .title span {
    margin-left: 13rem;
  }
}
@media screen and (max-width: 767px) {
  #about_chatluong .chatluong_image {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #about_chatluong .chatluong_image {
    width: 53.4rem;
  }
}

#about_counter {
  background-color: #00483a;
  color: #fff;
  padding: 5rem 0;
}
#about_counter .counter_wrap {
  display: flex;
}
@media screen and (max-width: 767px) {
  #about_counter .counter_wrap {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  #about_counter .counter_wrap {
    justify-content: space-between;
    align-items: center;
  }
}
#about_counter .counter_wrap .counter_title {
  position: relative;
}
@media screen and (max-width: 767px) {
  #about_counter .counter_wrap .counter_title {
    padding-left: 6rem;
  }
}
@media screen and (min-width: 768px) {
  #about_counter .counter_wrap .counter_title {
    padding-left: 10rem;
    font-size: 2.8rem;
  }
}
#about_counter .counter_wrap .counter_title::before {
  position: absolute;
  left: 0;
  top: -2rem;
  display: inline-block;
  content: "";
  background-image: url(../img/common/icon_quote.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #about_counter .counter_wrap .counter_title::before {
    width: 4.8rem;
    height: 5rem;
  }
}
@media screen and (min-width: 768px) {
  #about_counter .counter_wrap .counter_title::before {
    width: 8rem;
    height: 8rem;
  }
}
#about_counter .counter_wrap .counter_list {
  display: flex;
}
@media screen and (max-width: 767px) {
  #about_counter .counter_wrap .counter_list {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  #about_counter .counter_wrap .counter_list {
    margin-left: -1rem;
    margin-right: -1rem;
    width: 72rem;
    gap: 8rem;
  }
}
@media screen and (max-width: 767px) {
  #about_counter .counter_wrap .counter_list .item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (min-width: 768px) {
  #about_counter .counter_wrap .counter_list .item {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 33.3333333333%;
  }
}
#about_counter .counter_wrap .counter_list .item .number {
  font-family: Commerce-Condensed;
  color: #ffd880;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  #about_counter .counter_wrap .counter_list .item .number {
    font-size: 4.4rem;
  }
}
@media screen and (min-width: 768px) {
  #about_counter .counter_wrap .counter_list .item .number {
    font-size: 7.8rem;
  }
}

#about_chungnhan {
  padding: 5rem 0;
}
#about_chungnhan .title::before {
  content: "";
  display: block;
  background-image: url(../img/about/icon_chungnhan.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #about_chungnhan .title::before {
    width: 4.5rem;
    height: 6.2rem;
  }
}
@media screen and (min-width: 768px) {
  #about_chungnhan .title::before {
    width: 7.2rem;
    height: 10rem;
  }
}
#about_chungnhan .list_chungnhan {
  display: flex;
}
@media screen and (max-width: 767px) {
  #about_chungnhan .list_chungnhan {
    gap: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  #about_chungnhan .list_chungnhan {
    row-gap: 2rem;
    margin-left: -1rem;
    margin-right: -1rem;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  #about_chungnhan .list_chungnhan .item {
    width: 32rem;
  }
}
@media screen and (min-width: 768px) {
  #about_chungnhan .list_chungnhan .item {
    width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.contact_wrap {
  display: flex;
  gap: 5rem;
}
@media screen and (max-width: 767px) {
  .contact_wrap {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .contact_wrap {
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .contact_wrap .contact_form {
    width: 65rem;
  }
}

input[type=text],
input[type=email],
input[type=number],
input[type=tel],
input[type=date],
input[type=time],
input[type=password],
select,
textarea {
  font: inherit;
  width: 100%;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  display: block;
  border: 0.1rem solid #00483a;
}

textarea {
  resize: vertical;
  height: 12rem;
}

input[type=submit] {
  display: block;
  margin-left: auto;
  margin-right: 0;
  border-radius: 0.4rem;
  background-color: #ffd880;
  border: none;
  text-transform: uppercase;
  color: #00483a;
  font-weight: bold;
  padding: 1rem 4rem;
}

@media screen and (min-width: 768px) {
  .section_map {
    margin-bottom: -5rem;
  }
}
.section_map iframe {
  display: block;
}
@media screen and (max-width: 767px) {
  .section_map iframe {
    height: 40rem;
  }
}
@media screen and (min-width: 768px) {
  .section_map iframe {
    height: 60rem;
  }
}

.woocommerce-products-header {
  display: flex;
}
@media screen and (max-width: 767px) {
  .woocommerce-products-header {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .woocommerce-products-header {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5rem;
  }
}
.woocommerce-products-header .page-title {
  color: #00483a;
  font-family: "Commerce-Condensed";
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .woocommerce-products-header .page-title {
    font-size: 2rem;
    order: 3;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .woocommerce-products-header .page-title {
    font-size: 3rem;
    margin-bottom: 0;
  }
}
.woocommerce-products-header .woocommerce-result-count {
  margin-right: 2rem;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .woocommerce-products-header .woocommerce-result-count {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .woocommerce-products-header .woocommerce-ordering {
    margin-bottom: 2rem;
  }
}
.woocommerce-products-header .term-description {
  order: 4;
  text-align: justify;
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .woocommerce-products-header .term-description {
    margin-top: 2rem;
  }
}

#content_after {
  background-repeat: no-repeat;
  background-image: url(../img/common/content_after_bg_left.png), url(../img/common/content_after_bg_right.png);
}
@media screen and (max-width: 767px) {
  #content_after {
    background-position: top 5rem left, right bottom;
    background-size: 16rem auto, 22rem auto;
  }
}
@media screen and (min-width: 768px) {
  #content_after {
    background-position: top 5rem left, right bottom;
  }
}

#pagination,
.woocommerce-pagination {
  width: 100%;
  margin-top: 4rem;
}
#pagination .nav-links,
#pagination ul.page-numbers,
.woocommerce-pagination .nav-links,
.woocommerce-pagination ul.page-numbers {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  border: none !important;
}
#pagination .nav-links li,
#pagination ul.page-numbers li,
.woocommerce-pagination .nav-links li,
.woocommerce-pagination ul.page-numbers li {
  border: none !important;
}
#pagination .nav-links .page-numbers,
#pagination ul.page-numbers .page-numbers,
.woocommerce-pagination .nav-links .page-numbers,
.woocommerce-pagination ul.page-numbers .page-numbers {
  padding: 0 !important;
  display: block;
  border-radius: 3.6rem;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
  text-align: center;
  font-weight: bold;
}
#pagination .nav-links .page-numbers:hover,
#pagination .nav-links .current,
#pagination ul.page-numbers .page-numbers:hover,
#pagination ul.page-numbers .current,
.woocommerce-pagination .nav-links .page-numbers:hover,
.woocommerce-pagination .nav-links .current,
.woocommerce-pagination ul.page-numbers .page-numbers:hover,
.woocommerce-pagination ul.page-numbers .current {
  background-color: #ffe5bb !important;
  color: inherit !important;
  font-weight: bold;
}

#page-title {
  color: #00483a;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  #page-title {
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  #page-title {
    font-size: 3rem;
  }
}

.list_post {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}
.list_post .promotion,
.list_post .post {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (max-width: 767px) {
  .list_post .promotion,
  .list_post .post {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .list_post .promotion,
  .list_post .post {
    width: 33.3333333333%;
    margin-bottom: 3rem;
  }
}
.list_post .promotion .inner,
.list_post .promotion .post_inn,
.list_post .post .inner,
.list_post .post .post_inn {
  border: 0.1rem solid #00483a;
  padding: 1.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.list_post .promotion .inner .post_thumbnail,
.list_post .promotion .post_inn .post_thumbnail,
.list_post .post .inner .post_thumbnail,
.list_post .post .post_inn .post_thumbnail {
  margin-bottom: 1.5rem;
}
.list_post .promotion .inner .promotion-time,
.list_post .promotion .post_inn .promotion-time,
.list_post .post .inner .promotion-time,
.list_post .post .post_inn .promotion-time {
  margin-top: 1rem;
}
.list_post .promotion .inner .post-title,
.list_post .promotion .inner .post_title,
.list_post .promotion .post_inn .post-title,
.list_post .promotion .post_inn .post_title,
.list_post .post .inner .post-title,
.list_post .post .inner .post_title,
.list_post .post .post_inn .post-title,
.list_post .post .post_inn .post_title {
  font-weight: 900;
  color: #00483a;
  font-size: 1.8rem;
  margin-bottom: 0.7rem;
  padding-bottom: 0.7rem;
  border-bottom: 0.1rem solid;
  line-height: 1.2;
}
.list_post .promotion .inner .post-title,
.list_post .promotion .post_inn .post-title,
.list_post .post .inner .post-title,
.list_post .post .post_inn .post-title {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.list_post .promotion .inner .view_more,
.list_post .promotion .post_inn .view_more,
.list_post .post .inner .view_more,
.list_post .post .post_inn .view_more {
  margin-top: auto;
  margin-bottom: 0;
}
.list_post .promotion .inner .view_more a,
.list_post .promotion .post_inn .view_more a,
.list_post .post .inner .view_more a,
.list_post .post .post_inn .view_more a {
  display: inline-block;
  border-radius: 0.5rem;
  padding: 0.5rem 2rem 0.3rem;
  text-transform: uppercase;
  background-color: #fff;
  color: #00483a;
  border: 0.1rem solid;
  transition: 0.3s;
}
.list_post .promotion .inner .view_more a:hover,
.list_post .promotion .post_inn .view_more a:hover,
.list_post .post .inner .view_more a:hover,
.list_post .post .post_inn .view_more a:hover {
  background-color: #ffd880;
  border-color: #ffd880;
}
.list_post .promotion .inner .view_more a.ung-tuyen,
.list_post .promotion .post_inn .view_more a.ung-tuyen,
.list_post .post .inner .view_more a.ung-tuyen,
.list_post .post .post_inn .view_more a.ung-tuyen {
  font-weight: bold;
  float: right;
  background-color: #ffd880;
  border-color: #ffd880;
}
.list_post .promotion .inner .view_more a.ung-tuyen:hover,
.list_post .promotion .post_inn .view_more a.ung-tuyen:hover,
.list_post .post .inner .view_more a.ung-tuyen:hover,
.list_post .post .post_inn .view_more a.ung-tuyen:hover {
  background-color: #00483a;
  border-color: #00483a;
  color: #fff;
}

.aligncenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.wp-caption-text {
  padding: 0.5rem 2rem;
  background-color: #ffd880;
}

.post-content a,
.post-meta a {
  color: #00483a;
}

.post-content {
  margin-top: 3rem;
  margin-bottom: 5rem;
  font-size: 1.7rem;
}

.post_tags a {
  margin-left: 0.5rem;
  color: #00483a;
}

@media screen and (max-width: 767px) {
  .mobile_scroll_wrap {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .mobile_scroll_wrap .mobile_scroll_inner {
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    flex: 1;
    overflow-x: auto;
  }
  .mobile_scroll_wrap .mobile_scroll_inner .list_post {
    flex-wrap: nowrap;
  }
  .mobile_scroll_wrap .mobile_scroll_inner .list_post .post {
    width: 30rem;
  }
}
.product_summary {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .product_summary {
    flex-direction: column;
  }
}
.product_summary .product_gallery {
  position: relative;
}
@media screen and (min-width: 768px) {
  .product_summary .product_gallery {
    width: 56rem;
    padding-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .product_summary .product_gallery {
    width: 100%;
  }
}
.product_summary .product_gallery .gallery_preview {
  border-radius: 1rem;
  border: 0.1rem solid #00483a;
  padding: 2rem;
  overflow: hidden;
}
.product_summary .product_gallery .gallery_nav {
  margin-top: 2rem;
  overflow: hidden;
  position: relative;
}
.product_summary .product_gallery .gallery_nav .thumb {
  cursor: pointer;
  border-radius: 1rem;
  border: 0.1rem solid #ffe5bb;
  padding: 1rem 2rem;
  overflow: hidden;
}
.product_summary .product_gallery .gallery_nav .thumb img {
  margin: 0 auto;
}
.product_summary .product_gallery .gallery_nav .swiper-slide-thumb-active .thumb {
  border-color: #00483a;
}
.product_summary .product_gallery .gallery_nav .swiper-button-next:after,
.product_summary .product_gallery .gallery_nav .swiper-button-prev:after {
  font-size: 3rem;
  color: #00483a;
}
.product_summary .product_gallery .gallery_nav .swiper-button-next {
  right: 0;
}
.product_summary .product_gallery .gallery_nav .swiper-button-prev {
  left: 0;
}
.product_summary .product_gallery .product_description {
  margin-top: 2rem;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .product_summary .entry-summary {
    width: 52rem;
  }
}
@media screen and (max-width: 767px) {
  .product_summary .entry-summary {
    width: 100%;
  }
}
.product_summary .entry-summary .product_title {
  font-family: Commerce-Condensed;
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  color: #00483a;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .product_summary .entry-summary .product_title {
    font-size: 2rem;
  }
}
.product_summary .entry-summary .star-rating {
  font-size: 2rem;
  margin-top: 0;
}
.product_summary .entry-summary .woocommerce-review-link {
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #00483a;
}
.product_summary .entry-summary .price {
  color: #00483a !important;
  font-size: 2rem !important;
  font-weight: 700;
  text-transform: uppercase;
}
.product_summary .entry-summary .woocommerce-variation-price::before {
  content: "Giá: ";
  font-weight: bold;
}
.product_summary .entry-summary .woocommerce-variation-price .price {
  color: #00483a;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
}
.product_summary .entry-summary .woocommerce-variation-price .price ins {
  text-decoration: none;
}
.product_summary .entry-summary .woocommerce-variation-price .price del {
  opacity: 1;
  order: 2;
  color: #000;
  font-size: initial;
  font-weight: initial;
}
.product_summary .entry-summary .woocommerce-variation-add-to-cart {
  display: flex;
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .product_summary .entry-summary .woocommerce-variation-add-to-cart {
    flex-direction: column;
    align-items: flex-start;
  }
}
.product_summary .entry-summary .quantity {
  display: flex;
  align-items: center;
  border: 0.1rem solid #00483a;
  border-radius: 0.5rem;
}
.product_summary .entry-summary .quantity input[type=button] {
  width: 4rem;
  height: 100%;
  border: none;
  background: none;
  cursor: pointer;
}
.product_summary .entry-summary .quantity .input-text {
  width: 5rem;
  height: 100%;
  padding: 1rem;
  text-align: center;
  border-top: none;
  border-bottom: none;
  border-radius: 0;
  background: none;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.product_summary .entry-summary .quantity .input-text::-webkit-outer-spin-button, .product_summary .entry-summary .quantity .input-text::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product_summary .entry-summary .single_add_to_cart_button {
  border: none;
  background-color: #ffd880 !important;
  color: #00483a !important;
  font-weight: bold;
  border-radius: 0.5rem;
  padding: 1rem 3rem !important;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  align-items: center;
}
.product_summary .entry-summary .single_add_to_cart_button::before {
  width: 3rem;
  height: 3rem;
  content: "";
  display: inline-block;
  background-image: url(../img/common/icon_add_to_cart.svg);
  background-position: bottom 0.2rem center;
  background-repeat: no-repeat;
  background-size: 3rem;
}
@media screen and (max-width: 767px) {
  .product_summary .entry-summary .single_add_to_cart_button {
    width: 100%;
    padding: 1.5rem 2rem;
    background-position: left 8rem center;
  }
}
.product_summary .entry-summary .single_add_to_cart_button:not(.disabled):hover {
  background-color: #00483a !important;
  color: #ffd880 !important;
}
.product_summary .entry-summary .single_add_to_cart_button:not(.disabled):hover::before {
  background-image: url(../img/common/icon_add_to_cart_active.svg);
}
.product_summary .entry-summary .product_meta {
  margin-top: 2rem;
}
.product_summary .entry-summary .product_meta > span {
  display: block;
}
.product_summary .entry-summary .promotion {
  margin-top: 2rem;
}
.product_summary .entry-summary .promotion .promotion_title {
  padding: 0 2rem;
  margin-bottom: 1rem;
}
.product_summary .entry-summary .promotion .promotion_title img {
  display: inline-block;
}
.product_summary .entry-summary .promotion .promotion_detail {
  border-radius: 5px;
  background: #f4f1ee;
  padding: 1.5rem;
}
.product_summary .entry-summary .promotion .promotion_detail strong {
  color: #00483a;
}
.product_summary .entry-summary .promotion .promotion_detail ul {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: counter-item;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.product_summary .entry-summary .promotion .promotion_detail ul li {
  position: relative;
  padding-left: 4rem;
  font-weight: 400;
}
.product_summary .entry-summary .promotion .promotion_detail ul li::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  counter-increment: counter-item;
  content: "0" counter(counter-item);
  width: 2.8rem;
  height: 2.8rem;
  display: inline-block;
  background-color: #ffd880;
  color: #000;
  border-radius: 2.8rem;
  line-height: 2.8rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}

.related.products {
  display: block;
}
.related.products h2 {
  color: #00483a;
  font-family: Commerce-Condensed;
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

.doitra_giaohang {
  background-image: url(../img/common/doitra_giaohang_bg.png);
  background-position: center;
  background-repeat: repeat-x;
  padding: 6rem 0;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .doitra_giaohang {
    background-image: url(../img/common/doitra_giaohang_bgsp.png);
  }
}
.doitra_giaohang .title {
  color: #fff;
}
.doitra_giaohang ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  row-gap: 5rem;
}
@media screen and (max-width: 767px) {
  .doitra_giaohang ul {
    flex-direction: column;
    row-gap: 1rem;
  }
}
.doitra_giaohang ul li {
  display: flex;
  gap: 1rem;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .doitra_giaohang ul li {
    width: 33.3333333333%;
  }
}
.doitra_giaohang ul li .icon {
  width: 10rem;
}
@media screen and (max-width: 767px) {
  .doitra_giaohang ul li .icon img {
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .doitra_giaohang ul li .icon img {
    margin-left: auto;
    margin-right: 0;
  }
}
.doitra_giaohang ul li strong {
  font-size: 2rem;
}

.dish-menu .dish-menu-group {
  margin-bottom: 3rem;
  border: 1px solid #00483a;
}
@media screen and (min-width: 768px) {
  .dish-menu .dish-menu-group {
    margin-bottom: 6rem;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .dish-menu .dish-menu-group .image {
    width: 36rem;
  }
}
.dish-menu .dish-menu-group .image img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .dish-menu .dish-menu-group .items {
    padding: 1rem;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .dish-menu .dish-menu-group .items {
    padding: 0 2rem;
    width: calc(100% - 36rem);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.dish-menu .dish-menu-group .items .item {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .dish-menu .dish-menu-group .items .item {
    width: calc(50% - 1.5rem);
  }
}
.dish-menu .dish-menu-group .items .item .item_inner {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 0;
  margin-top: auto;
}
.dish-menu .dish-menu-group .items .item .number {
  width: 5rem;
  font-size: 6.6rem;
  text-align: right;
  font-family: "UTM Niagarad";
  color: #00483a;
  line-height: 0.8;
}
.dish-menu .dish-menu-group .items .item .detail {
  width: calc(100% - 5rem);
  border-bottom: 1px solid #00483a;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  position: relative;
}
.dish-menu .dish-menu-group .items .item .detail .best_seller {
  position: absolute;
  width: 4rem;
  display: inline-block;
  vertical-align: bottom;
  right: 0;
  bottom: 2rem;
}
.dish-menu .dish-menu-group .items .item .detail .name strong {
  color: #00483a;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}
.dish-menu .dish-menu-group .items .item .detail .price input {
  margin-right: 0;
  margin-left: auto;
  margin-bottom: 0.5rem;
  display: block;
}
.dish-menu .dish-menu-group .items .item .detail .price strong {
  font-weight: bold;
  color: #00483a;
}

.store_info p {
  display: flex;
  gap: 1rem;
  color: #00483a;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .baochi_wrap.mobile_scroll_wrap .mobile_scroll_inner {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .grid_baochi {
    display: flex;
    gap: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .grid_baochi {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: minmax(220px, auto);
    grid-gap: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .grid_baochi .item {
    width: 28rem;
  }
}
@media screen and (min-width: 768px) {
  .grid_baochi .item {
    background-color: #ccc;
    grid-column: span 2;
  }
  .grid_baochi .item:nth-child(1) {
    grid-column: span 3;
  }
  .grid_baochi .item:nth-child(2) {
    grid-column: span 3;
  }
}
.grid_baochi .item a {
  display: block;
  overflow: hidden;
}
.grid_baochi .item a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section .gallery,
body#tinymce .gallery {
  display: grid;
}
@media screen and (max-width: 767px) {
  .section .gallery,
  body#tinymce .gallery {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    grid-gap: 1rem;
    grid-template-columns: repeat(2, 2fr);
    grid-auto-rows: minmax(9rem, auto);
  }
}
@media screen and (min-width: 768px) {
  .section .gallery,
  body#tinymce .gallery {
    margin-top: 3rem;
    margin-bottom: 3rem;
    grid-gap: 1rem;
    grid-template-columns: repeat(3, 2fr);
    grid-auto-rows: minmax(19rem, auto);
  }
}
.section .gallery > br,
body#tinymce .gallery > br {
  display: none;
}
.section .gallery .gallery-item,
body#tinymce .gallery .gallery-item {
  padding: 0;
  margin: 0;
  width: auto;
}
.section .gallery .gallery-item img,
body#tinymce .gallery .gallery-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: all 0.3s;
}
.section .gallery .gallery-item img:hover,
body#tinymce .gallery .gallery-item img:hover {
  transform: scale(1.1);
  cursor: pointer;
}
.section .gallery .gallery-item .gallery-icon,
body#tinymce .gallery .gallery-item .gallery-icon {
  border-radius: 0.8rem;
  overflow: hidden;
  height: 100%;
}
.section .gallery .gallery-item a,
body#tinymce .gallery .gallery-item a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section .gallery .gallery-item {
  position: relative;
}
.section .gallery .gallery-item-1 {
  grid-column: span 2;
  grid-row: span 2;
}
@media screen and (max-width: 767px) {
  .section .gallery .gallery-item-2 {
    grid-column: span 2;
    grid-row: span 2;
  }
}
.section .gallery .gallery-item:nth-child(n+8) {
  display: none;
}
.section .gallery .gallery-item .view_more {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7490196078);
  border-radius: 0.5rem;
  text-align: center;
  color: #fff;
  top: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 1rem 2rem;
  font-weight: bold;
  transition: 0.3s;
}
.section .gallery .gallery-item .view_more:hover {
  background-color: #000;
}

.tabs {
  display: flex;
  gap: 0.5rem;
  list-style: none;
  border-bottom: 5px solid #00483a;
  margin: 0;
  margin-bottom: 5rem;
  padding: 0;
}
.tabs li {
  display: block;
}
.tabs li a {
  display: block;
  padding: 1rem 1.5rem;
  font-weight: bold;
  color: #00483a;
  text-transform: uppercase;
  border: 1px solid #00483a;
  border-bottom: none;
  border-radius: 0.5rem 0.5rem 0 0;
}
@media screen and (max-width: 767px) {
  .tabs li a {
    font-size: 0.9em;
  }
}
@media screen and (min-width: 768px) {
  .tabs li a {
    padding: 1rem 3rem;
    font-size: 1.2em;
  }
}
.tabs li a:hover {
  color: #00483a;
  background-color: #ffd880;
}
.tabs li a.active {
  background-color: #00483a;
  color: #fff;
}

.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

.thumbnail {
  width: 100%;
  aspect-ratio: 850/445;
  overflow: hidden;
  border-radius: 1rem;
}
.thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}/*# sourceMappingURL=style.css.map */