@charset "UTF-8";
* {
  margin: 0;
  padding: 0; }

.glyphicon {
  font-family: "Glyphicons Halflings" !important; }

.fa {
  font-family: "FontAwesome" !important; }

html, body {
  border: 0;
  background-color: #fff; }

html {
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100%; }

img {
  max-width: 100%; }

@font-face {
  font-family: 'svn-omnes';
  src: url("https://cdn.hstatic.net/files/200001061214/file/svn-omnes-regular.otf") format("opentype"); }

@font-face {
  font-family: 'svn-omnes-bold';
  src: url("https://cdn.hstatic.net/files/200001061214/file/svn-omnes-bold_d4795c7f6f604653ad38cb00bd563cb2.otf") format("opentype"); }

@font-face {
  font-family: 'svn-omnes-semibold';
  src: url("https://cdn.hstatic.net/files/200001061214/file/svn-omnes-semibold.otf") format("opentype"); }

body {
  line-height: 21px;
  font-size: 14px;
  color: #000;
  font-family: 'svn-omnes', sans-serif;
  overflow-x: hidden;
  background: #fff;
  position: initial;
  /*
  strong, b{
    font-family: 'svn-omnes-bold', sans-serif;
  }
  */ }

.font-bold {
  font-family: 'svn-omnes-bold', sans-serif !important; }

.font-light-bold {
  font-family: 'svn-omnes-semibold', sans-serif !important; }

.position-relative {
  position: relative; }

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

.btn_channel {
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px; }
  .btn_channel.bg_cart {
    border-radius: 8px;
    background: #ECF8FF; }

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5; }

::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5; }

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #1A4EA2; }

@keyframes pulse {
  50% {
    transform: scale(1.2); } }

@keyframes updown {
  50% {
    transform: translateY(-10%); } }

@keyframes jumpupdown {
  50% {
    transform: scaleY(1.1) translateY(-9%); } }

@keyframes shine {
  0% {
    left: -75%; }
  15% {
    left: 100%; }
  80% {
    left: 100%; }
  100% {
    left: 125%; } }

@keyframes run {
  from {
    transform: translateX(0%); }
  to {
    transform: translateX(-1683.35px); } }

/* 1.2 - HTML5 Elements */
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
  display: block; }

/* 1.4 - Typography */
h1, h2, h3, h4, h5, h6 {
  color: #000;
  margin: 0 0 13px 0;
  font-weight: 700;
  line-height: 1.2; }

/* HEADER */
header {
  background: linear-gradient(0deg, #054BBA 0%, #047BF0 100%), #FFF;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  padding-top: 18px; }
  header .header_left {
    display: -webkit-flex;
    display: flex;
    gap: 20px;
    align-items: center; }
    header .header_left #icon_2 img {
      height: 58px; }
  header .header_right {
    display: -webkit-flex;
    display: flex;
    gap: 20px;
    align-items: center; }
    header .header_right #mb_menu {
      display: none; }
    header .header_right_action {
      position: relative;
      padding-bottom: 10px; }
      header .header_right_action button {
        padding: 7px 25px;
        border-radius: 27px;
        background: linear-gradient(93deg, #FDDA79 16.83%, #FCECB5 32.91%, #FCFADF 43.63%, #FCF2C8 47.2%, #FCE59D 57.92%, #FCDD82 66.85%, #FDDA79 70.42%, #CE9D47 100.8%, #BF8A37 109.73%, #C89540 113.3%, #E4BA5F 127.6%, #F6D172 138.32%, #FDDA79 145.46%), #D9D9D9;
        color: #0048AE;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        border: none;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #FFF;
        position: relative;
        overflow: hidden; }
        header .header_right_action button:before {
          content: "";
          position: absolute;
          top: 0;
          left: -75%;
          width: 50%;
          height: 100%;
          background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
          transform: skewX(-25deg);
          animation: shine 4s ease-in-out infinite;
          /* tổng thời gian 4s */ }
      header .header_right_action > svg {
        position: absolute;
        left: 50%;
        top: calc(100% - 10px);
        z-index: 6;
        display: none; }
      header .header_right_action .header_list_action {
        display: none;
        border-radius: 8px;
        background: #FFF;
        padding: 13px 15px 12px 12px;
        position: absolute;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
        top: calc(100% - 2px);
        left: -25%;
        z-index: 5; }
      header .header_right_action:hover > svg {
        display: block; }
      header .header_right_action:hover .header_list_action {
        display: -webkit-flex;
        display: flex;
        gap: 14px;
        align-items: center; }
  header [class*="menu_"] {
    display: -webkit-flex;
    display: flex;
    gap: 16px; }
    header [class*="menu_"] a {
      position: relative;
      display: block;
      padding: 10px;
      color: #fff;
      font-size: 16px; }
      header [class*="menu_"] a:hover, header [class*="menu_"] a:active, header [class*="menu_"] a:focus {
        text-decoration: none; }
      header [class*="menu_"] a.active, header [class*="menu_"] a:hover {
        color: #FCEC6D; }
        header [class*="menu_"] a.active:after, header [class*="menu_"] a:hover:after {
          content: '';
          width: 100%;
          height: 3px;
          background: linear-gradient(90deg, #FDDA7A 0%, #FBFAE0 24.04%, #FDDA7A 46.63%, #BE8A35 69.71%, #FDDA7A 100%);
          left: 0;
          bottom: 0;
          position: absolute; }
  header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10; }

.general-heading {
  margin: 45px 0 21px;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 53.2px */
  text-transform: uppercase;
  background: radial-gradient(50% 50% at 50% 50%, #0059CF 0%, #09489B 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

/* INDEX */
#blue_ruler:after {
  content: "";
  background: url("https://cdn.hstatic.net/files/200001061214/file/ruler.svg") no-repeat;
  background-size: 100% auto;
  background-position: top right;
  position: absolute;
  right: 0;
  top: 0;
  width: 8%;
  height: 100%;
  z-index: 2; }

#blue_ruler {
  position: relative; }

#main_banner {
  position: relative;
  padding-top: calc(100% * 700 / 1440);
  z-index: 1; }
  #main_banner picture img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  #main_banner > img {
    position: absolute;
    z-index: 2; }
  #main_banner #icon_main_banner_1 {
    left: var(--left_icon_1);
    bottom: var(--bottom_icon_1);
    width: 7%;
    animation: pulse 2s infinite; }
  #main_banner #icon_main_banner_2 {
    left: var(--left_icon_2);
    bottom: var(--bottom_icon_2);
    width: 4.187%;
    animation: pulse 2s infinite; }
  #main_banner #icon_main_banner_3 {
    left: var(--left_icon_3);
    bottom: var(--bottom_icon_3);
    width: 4.6651%;
    animation: pulse 2.3s infinite; }
  #main_banner #icon_main_banner_4 {
    left: var(--left_icon_4);
    bottom: var(--bottom_icon_4);
    width: 12.799%;
    animation: pulse 2.5s infinite; }

#main_banner_hdth {
  position: relative;
  padding-top: calc(100% * 700 / 1440);
  z-index: 1; }
  #main_banner_hdth picture img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  #main_banner_hdth > img {
    position: absolute;
    z-index: 2; }
  #main_banner_hdth #icon_main_banner_1 {
    left: var(--left_hdth_icon_1);
    bottom: var(--bottom_hdth_icon_1);
    width: 7%;
    animation: pulse 2s infinite; }
  #main_banner_hdth #icon_main_banner_2 {
    left: var(--left_hdth_icon_2);
    bottom: var(--bottom_hdth_icon_2);
    width: 4.187%;
    animation: pulse 2s infinite; }
  #main_banner_hdth #icon_main_banner_3 {
    left: var(--left_hdth_icon_3);
    bottom: var(--bottom_hdth_icon_3);
    width: 4.6651%;
    animation: pulse 2.3s infinite; }
  #main_banner_hdth #icon_main_banner_4 {
    left: var(--left_hdth_icon_4);
    bottom: var(--bottom_hdth_icon_4);
    width: 12.799%;
    animation: pulse 2.5s infinite; }

.bg_milk {
  position: relative;
  z-index: 2;
  margin-top: -3.5%; }
  .bg_milk:before {
    content: '';
    width: 100%;
    display: block;
    padding-top: calc(100% * 148 / 1440);
    background: url("https://cdn.hstatic.net/files/200001061214/file/bg_milk.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2; }

#intro_product .intro_button {
  margin-bottom: 0;
  position: absolute;
  z-index: 2;
  top: -3%;
  left: 48%;
  transform: translateX(-50%);
  max-width: 50%; }
  #intro_product .intro_button .position-relative {
    width: 75%; }
  #intro_product .intro_button .intro_button_actions {
    border-radius: 0 0 23px 23px;
    background: #FFF;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    width: 41.18%;
    position: absolute;
    left: 52%;
    bottom: 0;
    display: -webkit-flex;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    transform: translate(-50%);
    padding: 13px 18px;
    transition: all 1s ease-in-out;
    opacity: 0;
    visibility: hidden; }
  #intro_product .intro_button:hover .intro_button_actions {
    bottom: -10px;
    opacity: 1;
    visibility: visible; }

#intro_product .intro_content {
  padding-top: 15%;
  background: linear-gradient(180deg, transparent 0%, #F5FCFF 100%);
  position: relative; }
  #intro_product .intro_content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url("https://cdn.hstatic.net/files/200001061214/file/intro_background_top.png") no-repeat;
    background-size: 100% auto;
    display: block;
    width: 100%;
    height: 100%;
    background-position: left -28%; }
  #intro_product .intro_content__left {
    flex: 0 0 auto;
    width: 51%;
    font-size: 16px;
    padding-left: 5%;
    padding-bottom: 2%;
    background: url(https://cdn.hstatic.net/files/200001061214/file/intro_content_left_bg.png) no-repeat;
    background-size: contain;
    background-position: left bottom; }
    #intro_product .intro_content__left img {
      height: 72px;
      margin-bottom: 16px; }
    #intro_product .intro_content__left strong {
      font-family: 'svn-omnes-semibold', sans-serif; }
  #intro_product .intro_content__right {
    flex: 0 0 auto;
    width: 46%;
    position: relative; }
    #intro_product .intro_content__right img:first-child {
      position: relative;
      z-index: 4; }
    #intro_product .intro_content__right #intro_icon_1 {
      position: absolute;
      top: 5%;
      left: -13%;
      width: 45%;
      z-index: 1;
      animation: updown 3s infinite; }
    #intro_product .intro_content__right #intro_icon_2 {
      position: absolute;
      top: 8%;
      left: 55%;
      width: 40%;
      z-index: 1;
      animation: updown 4s infinite; }
    #intro_product .intro_content__right #intro_icon_3 {
      position: absolute;
      bottom: 22%;
      left: 3%;
      width: 26%;
      z-index: 5;
      animation: pulse 3s infinite; }

/* FOOTER */
footer {
  position: relative;
  z-index: 4; }
  footer > p {
    position: absolute;
    left: 50%;
    top: -2%;
    transform: translateX(-50%);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  footer > svg {
    width: 100%; }
  footer .footer_content {
    max-width: 35%;
    margin: 5.526% auto 30px; }
    footer .footer_content .footer_svg {
      display: inline-block;
      margin-right: 82px;
      position: relative; }
      footer .footer_content .footer_svg:after {
        content: "";
        width: 1px;
        height: 100%;
        background: #000;
        position: absolute;
        right: -41px;
        top: 0; }
    footer .footer_content .text-upper {
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 140%; }
    footer .footer_content .footer_content__bottom {
      margin-top: 45px;
      text-align: center; }
      footer .footer_content .footer_content__bottom h2 {
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%; }
      footer .footer_content .footer_content__bottom .footer_list {
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        gap: 33px;
        margin-bottom: 22px; }
        footer .footer_content .footer_content__bottom .footer_list .btn_channel {
          width: 40px;
          height: 40px; }
      footer .footer_content .footer_content__bottom p {
        margin-bottom: 0;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; }
        footer .footer_content .footer_content__bottom p a {
          color: #000; }
          footer .footer_content .footer_content__bottom p a:last-child {
            padding-left: 7px;
            border-left: 1px solid; }
          footer .footer_content .footer_content__bottom p a:first-child {
            padding-right: 4px; }
  footer .ruler_bottom {
    height: 57px;
    background: url(https://cdn.hstatic.net/files/200001061214/file/rular-footer-bottom.png); }

/* MATERIAL */
#section_material {
  background: url("https://cdn.hstatic.net/files/200001061214/file/bg-milk_1.png") no-repeat;
  background-size: 100% auto;
  background-position: 0 30%; }

.nutrition-section {
  display: flex;
  margin: 40px auto;
  /* Tabs */
  /* Content */ }
  .nutrition-section .tabs {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 37px;
    max-width: 150px; }
  .nutrition-section .tab {
    background: url("https://cdn.hstatic.net/files/200001061214/file/silver_bg.png") no-repeat;
    background-size: 100% 100%;
    padding: 0;
    text-align: center;
    transition: 0.3s;
    position: relative;
    border: none;
    height: 50px;
    border-radius: 0; }
    .nutrition-section .tab span {
      display: inline-block;
      color: #1C4EA1;
      text-align: center;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 130%;
      width: 85%; }
    .nutrition-section .tab:after {
      content: "";
      background: url("https://cdn.hstatic.net/files/200001061214/file/curever_silver.png") no-repeat;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 51px;
      height: 26px; }
    .nutrition-section .tab:focus, .nutrition-section .tab:active {
      outline: none; }
  .nutrition-section .tab.active {
    background: url("https://cdn.hstatic.net/files/200001061214/file/gold_bg.png") no-repeat;
    background-size: 100% 100%; }
  .nutrition-section .nutrition-content {
    flex: 1;
    display: none; }
    .nutrition-section .nutrition-content.active {
      display: block; }
  .nutrition-section .nutrition-box {
    position: relative;
    padding-right: 10%; }
    .nutrition-section .nutrition-box--inner {
      border: 8px solid #1a4ea2;
      border-radius: 20px;
      padding: 0;
      overflow: hidden;
      height: 459px;
      background: #fff; }
      .nutrition-section .nutrition-box--inner table {
        width: 100%;
        border: none;
        display: block; }
        .nutrition-section .nutrition-box--inner table tbody {
          width: 100%;
          display: block; }
        .nutrition-section .nutrition-box--inner table tr {
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .nutrition-section .nutrition-box--inner table tr td {
            display: inline-block;
            padding: 16px 0 12px;
            border: none;
            flex: 0 0 auto; }
            .nutrition-section .nutrition-box--inner table tr td:nth-child(1) {
              padding-left: 37px; }
            .nutrition-section .nutrition-box--inner table tr td:nth-child(2) {
              text-align: center; }
            .nutrition-section .nutrition-box--inner table tr td:nth-child(3) {
              text-align: center; }
            .nutrition-section .nutrition-box--inner table tr td:nth-child(4) {
              text-align: center; }
            .nutrition-section .nutrition-box--inner table tr td[colspan="4"], .nutrition-section .nutrition-box--inner table tr td[colspan="5"] {
              width: 100% !important; }
      .nutrition-section .nutrition-box--inner > table tr {
        background: #F0F0F0;
        width: 100%; }
        .nutrition-section .nutrition-box--inner > table tr td {
          padding: 19px 0 11px;
          color: #1A4EA2;
          font-size: 20px;
          font-family: 'svn-omnes-semibold', sans-serif; }
          .nutrition-section .nutrition-box--inner > table tr td:nth-child(1) {
            width: 25%; }
          .nutrition-section .nutrition-box--inner > table tr td:nth-child(2) {
            width: 15%; }
          .nutrition-section .nutrition-box--inner > table tr td:nth-child(3) {
            width: 20%; }
          .nutrition-section .nutrition-box--inner > table tr td:nth-child(4) {
            width: 33%;
            padding-right: 6%; }
      .nutrition-section .nutrition-box--inner > table.heading_table tr td {
        font-size: 16px; }
        .nutrition-section .nutrition-box--inner > table.heading_table tr td[colspan="2"] {
          width: 46%; }
      .nutrition-section .nutrition-box--inner > table.heading_table tr:nth-child(2) {
        justify-content: flex-end;
        gap: 7.5%; }
        .nutrition-section .nutrition-box--inner > table.heading_table tr:nth-child(2) td {
          padding: 8px; }
          .nutrition-section .nutrition-box--inner > table.heading_table tr:nth-child(2) td:nth-child(1) {
            width: 13%; }
          .nutrition-section .nutrition-box--inner > table.heading_table tr:nth-child(2) td:nth-child(2) {
            width: 25%; }
      .nutrition-section .nutrition-box--inner > table.heading_table_2 tr {
        justify-content: flex-start;
        gap: 0; }
        .nutrition-section .nutrition-box--inner > table.heading_table_2 tr td:nth-child(1) {
          width: 30%; }
        .nutrition-section .nutrition-box--inner > table.heading_table_2 tr td:nth-child(2) {
          width: 20%; }
        .nutrition-section .nutrition-box--inner > table.heading_table_2 tr td:nth-child(3) {
          width: 50%;
          padding-right: 12%;
          padding-left: 6%; }
      .nutrition-section .nutrition-box--inner > table.heading_table_2 + .content_scroll table tr {
        justify-content: flex-start;
        gap: 0; }
        .nutrition-section .nutrition-box--inner > table.heading_table_2 + .content_scroll table tr td:nth-child(1) {
          width: 35%; }
        .nutrition-section .nutrition-box--inner > table.heading_table_2 + .content_scroll table tr td:nth-child(2) {
          width: 18%; }
        .nutrition-section .nutrition-box--inner > table.heading_table_2 + .content_scroll table tr td:nth-child(3) {
          width: 47%; }
      .nutrition-section .nutrition-box--inner .content_scroll {
        max-height: calc(100% - 85px);
        overflow: hidden;
        overflow-y: auto;
        width: 92%;
        margin: 16px 0; }
        .nutrition-section .nutrition-box--inner .content_scroll table tr td {
          font-size: 16px; }
        .nutrition-section .nutrition-box--inner .content_scroll table tr td:nth-child(1) {
          width: 27.15%; }
        .nutrition-section .nutrition-box--inner .content_scroll table tr td:nth-child(2) {
          width: 16.3%; }
        .nutrition-section .nutrition-box--inner .content_scroll table tr td:nth-child(3) {
          width: 21.77%; }
        .nutrition-section .nutrition-box--inner .content_scroll table tr td:nth-child(4) {
          width: 27.25%;
          padding-left: 2%; }
        .nutrition-section .nutrition-box--inner .content_scroll table tr td[colspan="3"] {
          width: 70.34%; }
    .nutrition-section .nutrition-box .product-img {
      display: flex;
      justify-content: end;
      align-items: flex-end;
      flex-direction: column;
      width: fit-content;
      position: absolute;
      right: -12%;
      bottom: -43px; }
      .nutrition-section .nutrition-box .product-img img {
        max-width: 70%; }
        .nutrition-section .nutrition-box .product-img img:not([alt="milk background"]) {
          position: absolute;
          bottom: -8px; }

/* Usage section */
.usage-section {
  margin-top: 12px;
  color: #333;
  padding-left: 22px;
  width: 100%; }
  .usage-section h3 {
    cursor: pointer;
    font-size: 20px;
    color: #1A4EA2;
    margin-bottom: 15px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /*
    &::after {
      content: "";
      width: calc(100% - 25px);
      position: absolute;
      height: 1px;
      background: #1A4EA2;
      left: 0;
      bottom: 0;
    }
    */ }
    .usage-section h3 span {
      display: inline-block;
      position: relative;
      z-index: 2;
      padding-right: 5px; }
    .usage-section h3 svg {
      transition: 0.3s all; }
    .usage-section h3:not(.open) svg {
      transform: rotate(180deg); }
  .usage-section h4 {
    color: #1a4ea2;
    margin-bottom: 12px;
    font-size: 20px; }
  .usage-section h5 {
    font-family: 'svn-omnes-semibold';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.351px;
    color: #191002; }
  .usage-section ul {
    margin: 4px 0 12px 16px; }
    .usage-section ul li {
      margin-bottom: 4px; }

/* FIND STORE */
.store_body {
  max-width: 60%;
  margin: 0 auto 15px;
  padding: 0 4% 2%;
  position: relative; }
  .store_body .input_group {
    position: relative;
    padding: 8px 0;
    line-height: 16px;
    font-size: 16px;
    margin-bottom: 12px; }
    .store_body .input_group + .input_group {
      margin-left: 16px; }
    .store_body .input_group input {
      position: absolute;
      z-index: 2;
      left: 3.5px;
      top: 11px;
      opacity: 0;
      display: none; }
      .store_body .input_group input:checked + label:after {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        background: #1C4EA2;
        position: absolute;
        z-index: 1;
        top: 11px;
        left: 3px;
        border-radius: 50%; }
    .store_body .input_group label {
      margin-bottom: 0;
      display: inline-flex;
      align-items: center; }
      .store_body .input_group label:before {
        width: 20px;
        height: 20px;
        content: "";
        border: 1px solid #1a4ea2;
        display: inline-block;
        border-radius: 50%;
        margin-right: 10px; }
  .store_body .select_group {
    width: calc((100% - 10px)/2);
    flex: 0 0 auto;
    position: relative; }
    .store_body .select_group select {
      width: 100%;
      padding: 12px 8px;
      font-size: 16px;
      color: #1A4EA2;
      border-radius: 4px;
      border: 1px solid #1A4EA2;
      -webkit-appearance: none;
      -moz-appearance: none; }
    .store_body .select_group svg {
      position: absolute;
      right: 8px;
      top: 50%;
      transform: translateY(-50%); }
  .store_body .list_stores {
    margin-top: 16px;
    overflow: hidden;
    overflow-y: auto;
    min-height: 315px;
    max-height: 315px; }
    .store_body .list_stores .item_store {
      width: 100%;
      border: 1px solid #e5e5e5;
      border-radius: 4px;
      padding: 16px;
      margin-bottom: 8px; }
      .store_body .list_stores .item_store h3 {
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        font-size: 16px;
        margin-bottom: 8px; }
      .store_body .list_stores .item_store svg {
        margin-right: 8px; }
      .store_body .list_stores .item_store span {
        color: #363636;
        font-style: normal;
        font-weight: 400;
        line-height: normal; }
      .store_body .list_stores .item_store__address {
        margin-bottom: 8px; }
      .store_body .list_stores .item_store > .d-flex > div {
        flex: 0 0 auto;
        width: calc((100% - 20px)/2); }
  .store_body > img {
    position: absolute;
    left: -13%;
    bottom: -5%;
    width: 17.503%; }
  .store_body .cus_ruler {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 29.945%; }
    .store_body .cus_ruler > div {
      position: relative;
      width: fit-content; }
      .store_body .cus_ruler > div img {
        position: absolute;
        right: 10px;
        bottom: 8%; }

/* BLOG HOME */
#section_blog {
  padding-bottom: 38px; }
  #section_blog .d-flex {
    gap: 12px;
    margin-bottom: 48px; }

.item_post {
  max-width: 19.345%;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  padding: 16px; }
  .item_post__img {
    overflow: hidden;
    position: relative;
    padding-top: calc(100% * 224 / 293);
    margin-bottom: 10px; }
    .item_post__img img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%; }
  .item_post .cate_blog {
    display: inline-block;
    border-radius: 20px;
    background: #FFFCE3;
    padding: 4px 16px;
    margin-bottom: 5px;
    font-size: 14px; }
  .item_post__info h2 {
    line-height: 21px;
    margin-bottom: 5px; }
    .item_post__info h2 a {
      color: #1A4EA2;
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: 21px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      align-self: stretch;
      overflow: hidden; }
  .item_post__info-summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
    overflow: hidden;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 13px; }
  .item_post__info > a {
    color: #1A4EA2;
    font-family: SVN-Omnes;
    font-size: 18px;
    font-style: normal;
    font-weight: 600; }
    .item_post__info > a svg {
      margin-left: 13px; }
    .item_post__info > a:hover, .item_post__info > a:focus {
      text-decoration: none; }

.btn-blog {
  text-transform: uppercase;
  border-radius: 26.5px;
  background: linear-gradient(90deg, #1C42A7 0%, #3575CF 100%);
  color: #fff;
  display: inline-block;
  width: 188px;
  height: 53px;
  line-height: 45px;
  position: relative;
  overflow: hidden; }
  .btn-blog svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .btn-blog:hover {
    color: #fff; }
  .btn-blog.btn-white {
    background: #fff;
    color: #1C42A7;
    background-image: url("https://cdn.hstatic.net/files/200001061214/file/bg_btn_form_white.svg");
    background-repeat: no-repeat; }
    .btn-blog.btn-white:hover, .btn-blog.btn-white:focus {
      outline: none;
      color: #1C42A7; }

/* SECTION VIDEOS */
#section_video {
  padding-top: 62px;
  padding-bottom: 141px;
  background: linear-gradient(180deg, var(--bg_video_1) 62.3%, var(--bg_video_2) 106.09%); }
  #section_video .general-heading {
    margin-top: 0; }
  #section_video .nuvi-slick:not(.slick-slider) {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    overflow: hidden;
    gap: 0;
    justify-content: center;
    align-items: center; }
    #section_video .nuvi-slick:not(.slick-slider) .slide-item {
      flex: 0 0 auto;
      width: 50%; }
      #section_video .nuvi-slick:not(.slick-slider) .slide-item:nth-child(2) {
        transform: scale(1); }
  #section_video .slider-wrapper {
    position: relative;
    margin: 0 auto; }
  #section_video .slide-item {
    transition: all 0.3s ease;
    opacity: 0.5;
    transform: scale(0.7);
    text-align: center; }
    #section_video .slide-item.slick-center {
      opacity: 1;
      transform: scale(1); }
      #section_video .slide-item.slick-center .video_img:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2); }
    #section_video .slide-item .video_img {
      position: relative;
      display: block; }
      #section_video .slide-item .video_img .video_btn {
        position: absolute;
        width: 100px;
        height: 100px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 1px solid #fff;
        border-radius: 50%; }
      @media (max-width: 767px) {
        #section_video .slide-item .video_img img {
          height: calc(100vw * 473 / 837); } }
  #section_video img {
    width: 100%;
    border-radius: 12px; }
  #section_video p {
    margin: 10px auto 0;
    color: #1A4EA2;
    font-weight: 600;
    font-size: 23px;
    max-width: 75%;
    line-height: 30px;
    font-family: 'svn-omnes-semibold', sans-serif; }
  #section_video .slick-arrow svg {
    fill: #1A4EA2; }
  #section_video .slick-arrow:hover {
    background: #1A4EA2; }
    #section_video .slick-arrow:hover svg {
      fill: #fff; }
  #section_video .slick-prev, #section_video .slick-next {
    background: #fff;
    border: 2px solid #1A4EA2;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 34px;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
    color: #0f265c; }
  #section_video .slick-prev {
    left: 20%; }
  #section_video .slick-next {
    right: 20%; }
  #section_video .dactinh {
    margin: 52px 0 0;
    position: relative;
    padding-top: calc(100% * 393 / 1100); }
    #section_video .dactinh img:first-child {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
    #section_video .dactinh img:last-child {
      position: absolute;
      z-index: 3;
      left: 6%;
      bottom: 0;
      height: 90%;
      width: auto !important; }
    #section_video .dactinh > img {
      animation: jumpupdown 2s infinite; }

/* HOẠT CHẤT */
#section_hoatchat {
  background: linear-gradient(180deg, var(--bg_hoatchat_1) 0%, var(--bg_hoatchat_2) 100%);
  width: 100%;
  overflow-x: hidden; }
  #section_hoatchat #nuvi_logo img {
    height: 76px; }
  #section_hoatchat .container {
    margin-top: -3%;
    padding-bottom: 3%; }
    #section_hoatchat .container h2 {
      border-radius: 250px;
      background: linear-gradient(90deg, #FDDA7A 0%, #FBFAE0 24.04%, #FDDA7A 46.63%, #BE8A35 69.71%, #FDDA7A 100%);
      display: inline-flex;
      width: auto;
      justify-content: center;
      align-items: center;
      margin: 0 auto 17px;
      padding: 12px 41px; }
      #section_hoatchat .container h2 span {
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 43px;
        letter-spacing: -0.372px;
        text-transform: uppercase;
        background: radial-gradient(50% 50% at 50% 50%, #0059CF 0%, #09489B 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
        @media (max-width: 767px) {
          #section_hoatchat .container h2 span {
            font-size: 18px;
            line-height: 23px; } }
    #section_hoatchat .container .description {
      text-align: center;
      font-size: 32px;
      font-style: normal;
      font-weight: 700;
      line-height: 120%;
      background: radial-gradient(50% 50% at 50% 50%, #0059CF 0%, #09489B 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      margin-bottom: 39px;
      text-transform: uppercase; }
      @media (max-width: 767px) {
        #section_hoatchat .container .description br {
          display: none; } }
  #section_hoatchat .main_hoatchat {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap; }
    #section_hoatchat .main_hoatchat .main_hoatchat__img {
      flex: 0 0 auto;
      width: 62%; }
    #section_hoatchat .main_hoatchat .main_hoatchat__detail {
      flex: 0 0 auto;
      width: 31.25%;
      margin-left: -9%; }
  #section_hoatchat .detail_hoatchat {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-bottom: 30px; }
    #section_hoatchat .detail_hoatchat .icon_hoatchat {
      flex: 0 0 auto;
      width: 75px;
      height: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      animation: updown 2s infinite; }
    #section_hoatchat .detail_hoatchat .info_hoatchat h4.font-bold {
      color: #1A4EA2;
      font-family: SVN-Omnes;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 120%;
      padding-top: 12px;
      margin-bottom: 0; }
    #section_hoatchat .detail_hoatchat .info_hoatchat p {
      max-width: 80%;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 140%;
      /* 22.4px */
      letter-spacing: -0.351px; }
      @media (max-width: 767px) {
        #section_hoatchat .detail_hoatchat .info_hoatchat p br {
          display: none; } }

/* QUY CÁCH */
#section_quycach {
  width: 100%;
  overflow: hidden;
  background: var(--img-bg-quycach);
  background-size: 100%;
  padding-bottom: 63px; }
  #section_quycach .product_lists {
    display: flex;
    padding-left: 10%; }
    #section_quycach .product_lists .product_loop {
      width: 22%;
      flex: 0 0 auto; }
      #section_quycach .product_lists .product_loop .product_img {
        display: flex;
        justify-content: center;
        transition: all 0.5s; }
        #section_quycach .product_lists .product_loop .product_img img {
          height: 237px; }
      #section_quycach .product_lists .product_loop .product_info .product_label {
        border-radius: 20px;
        background: #1A4EA2;
        display: inline-flex;
        color: #fff;
        padding: 4px 8px;
        gap: 2px;
        margin-bottom: 4px; }
        #section_quycach .product_lists .product_loop .product_info .product_label span {
          display: inline-flex;
          border-radius: 13px;
          background: linear-gradient(105deg, #FDDA79 14.92%, #FCECB5 30.47%, #FCFADF 40.83%, #FCF2C8 44.29%, #FCE59D 54.65%, #FCDD82 63.29%, #FDDA79 66.74%, #CE9D47 96.11%, #BF8A37 104.75%, #C89540 108.2%, #E4BA5F 122.02%, #F6D172 132.38%, #FDDA79 139.29%), linear-gradient(90deg, #D4D4D4 -11.56%, #FFFEFE 50%, #D4D4D4 111.91%), #D9D9D9;
          height: 20px;
          padding: 0 8px;
          font-size: 18px;
          font-style: normal;
          font-weight: 700;
          line-height: 21px; }
          #section_quycach .product_lists .product_loop .product_info .product_label span::before {
            content: attr(data-label);
            background: radial-gradient(50% 50% at 50% 50%, #0059CF 0%, #09489B 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            display: inline-block;
            font-family: 'svn-omnes-bold'; }
      #section_quycach .product_lists .product_loop .product_info .product_detail {
        margin-bottom: 8px; }
        #section_quycach .product_lists .product_loop .product_info .product_detail span {
          font-family: 'svn-omnes-semibold';
          color: #1A4EA2;
          margin-right: 10px; }
      #section_quycach .product_lists .product_loop .product_info a {
        color: #4D4D4D;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        /* 22.4px */
        letter-spacing: -0.351px; }
        #section_quycach .product_lists .product_loop .product_info a svg {
          fill: #4D4D4D;
          transition: 0.3s all; }
      #section_quycach .product_lists .product_loop:hover .product_img {
        transform: scale(1.1); }
      #section_quycach .product_lists .product_loop:hover a {
        text-decoration: none;
        color: #0059CF; }
        #section_quycach .product_lists .product_loop:hover a svg {
          transform: translateX(10px);
          fill: #0059CF; }
  #section_quycach .slick-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 0;
    position: absolute;
    top: calc((100% - 40px) / 2);
    z-index: 10; }
    #section_quycach .slick-arrow.slick-next {
      right: 5%; }

/* Quick View */
#quick-view-modal .modal-dialog {
  max-width: 60%; }

#quick-view-modal .modal-header {
  border-bottom: 0; }
  #quick-view-modal .modal-header .modal-close {
    text-align: center;
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px;
    color: #272727;
    z-index: 999;
    width: 36px;
    height: 36px;
    border: 9px solid transparent;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%; }
    #quick-view-modal .modal-header .modal-close:before, #quick-view-modal .modal-header .modal-close:after {
      content: "";
      position: absolute;
      height: 2px;
      width: 100%;
      top: 50%;
      left: 0;
      margin-top: -1px;
      background-color: rgba(39, 39, 39, 0.5);
      -webkit-transition: all .3s ease;
      transition: all .3s ease; }
    #quick-view-modal .modal-header .modal-close:before {
      transform-origin: 50% 50%;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    #quick-view-modal .modal-header .modal-close:after {
      transform-origin: 50% 50%;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

#detail_product {
  padding-bottom: 80px; }

.productDetail-information {
  display: -webkit-flex;
  display: flex;
  gap: 20px;
  align-items: flex-start; }
  .productDetail-information > div {
    flex: 0 0 auto; }
  .productDetail-information .productDetail--gallery {
    width: 43%; }
  .productDetail-information .productDetail--content {
    width: 57%;
    padding: 0 25px 0 22px; }
  .productDetail-information .slider-for:not(.slick-slider), .productDetail-information .slider-nav:not(.slick-slider) {
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    gap: 8px; }
  .productDetail-information .slider-for:not(.slick-slider) > div {
    flex: 0 0 auto;
    width: 100%;
    position: relative;
    padding-bottom: 100%; }
    .productDetail-information .slider-for:not(.slick-slider) > div img {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      left: 50%;
      transform: translateX(-50%); }
  .productDetail-information .slider-for.slick-slider .slick-slide > div {
    width: 100%;
    position: relative;
    padding-bottom: 100%; }
    .productDetail-information .slider-for.slick-slider .slick-slide > div img {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      left: 50%;
      transform: translateX(-50%); }
  .productDetail-information .slider-for.slick-slider button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 9px 0px;
    border: 1px solid #f5f5f5;
    z-index: 4; }
    .productDetail-information .slider-for.slick-slider button.slick-next {
      right: 0; }
  .productDetail-information .slider-nav {
    margin-top: 8px; }
  .productDetail-information .slider-nav:not(.slick-slider) > div {
    flex: 0 0 auto;
    width: calc((100% - 24px)/4);
    position: relative;
    padding-bottom: calc((100% - 24px)/4); }
    .productDetail-information .slider-nav:not(.slick-slider) > div img {
      position: absolute;
      left: 50%;
      top: 0;
      height: 100%;
      transform: translateX(-50%); }
  .productDetail-information .slider-nav.slick-slider .slick-slide > div {
    padding-bottom: 100%;
    width: 100%;
    position: relative; }
    .productDetail-information .slider-nav.slick-slider .slick-slide > div img {
      position: absolute;
      left: 50%;
      top: 0;
      height: 100%;
      transform: translateX(-50%); }
  .productDetail-information .slider-nav .nav-item {
    border-radius: 4px;
    background: #F5F5F5; }
  .productDetail-information .productDetail--content .wrapbox-detail h2 {
    font-size: 22px;
    color: #1A4EA2;
    font-family: 'svn-omnes-semibold'; }
  .productDetail-information .productDetail--content .wrapbox-detail .product_label {
    font-size: 16px;
    margin-bottom: 9px; }
    .productDetail-information .productDetail--content .wrapbox-detail .product_label span {
      display: inline-flex;
      border-radius: 13px;
      background: linear-gradient(105deg, #FDDA79 14.92%, #FCECB5 30.47%, #FCFADF 40.83%, #FCF2C8 44.29%, #FCE59D 54.65%, #FCDD82 63.29%, #FDDA79 66.74%, #CE9D47 96.11%, #BF8A37 104.75%, #C89540 108.2%, #E4BA5F 122.02%, #F6D172 132.38%, #FDDA79 139.29%), linear-gradient(90deg, #D4D4D4 -11.56%, #FFFEFE 50%, #D4D4D4 111.91%), #D9D9D9;
      padding: 0px 8px;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 140%;
      margin-right: 20px; }
      .productDetail-information .productDetail--content .wrapbox-detail .product_label span:before {
        content: attr(data-label);
        background: radial-gradient(50% 50% at 50% 50%, #0059CF 0%, #09489B 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
        font-family: 'svn-omnes-bold'; }
  .productDetail-information .productDetail--content .wrapbox-detail .quick_content {
    max-height: 315px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 10px;
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: normal; }
    .productDetail-information .productDetail--content .wrapbox-detail .quick_content strong {
      font-size: 16px;
      font-family: 'svn-omnes-semibold'; }

/* BLOG PAGE */
.template-blog {
  background: linear-gradient(180deg, #F0F1F2 54.31%, #FFF 82.76%); }

.breadcrumb {
  background: transparent;
  padding: 20px 0; }
  .breadcrumb span {
    color: #1A4EA2; }
  .breadcrumb a span {
    color: #002D18; }
  .breadcrumb li:not(:last-child) a:after {
    content: '/';
    color: #002D18;
    display: inline-block;
    margin: 0 4px; }

.template-blog .blog_cate {
  border-radius: 16px;
  padding: 33px 74px 0 103px;
  margin-bottom: 60px;
  background: #fff;
  background-image: url("https://cdn.hstatic.net/files/200001061214/file/ruler_bg.png");
  background-repeat: no-repeat;
  background-size: contain; }
  .template-blog .blog_cate.even {
    padding: 33px 103px 0 74px;
    background-image: unset;
    position: relative; }
    .template-blog .blog_cate.even:after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url(" https://cdn.hstatic.net/files/200001061214/file/ruler_bg.png") no-repeat;
      background-size: contain;
      transform: scaleX(-1);
      z-index: 0;
      border-radius: 16px; }
  .template-blog .blog_cate > div {
    position: relative;
    z-index: 1; }
  .template-blog .blog_cate.blog_cate_detail {
    padding: 0;
    background: transparent; }

.template-blog #pagination {
  display: flex;
  align-items: center; }
  .template-blog #pagination > div {
    padding: 0; }
  .template-blog #pagination .text-center {
    display: flex;
    gap: 8px; }
  .template-blog #pagination a.prev {
    display: inline-flex;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    justify-content: center;
    border-radius: 50%;
    align-items: center; }
    .template-blog #pagination a.prev svg {
      transform: rotate(180deg); }
  .template-blog #pagination a.next {
    display: inline-flex;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    justify-content: center;
    border-radius: 50%;
    align-items: center; }
  .template-blog #pagination a.page-node, .template-blog #pagination .current {
    display: inline-flex;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #0477ec;
    justify-content: center;
    align-items: center;
    color: #fff; }
  .template-blog #pagination a.page-node:hover {
    text-decoration: none; }
  .template-blog #pagination .current {
    background: #044dbb; }

.blog_cate .general-heading {
  margin: 0;
  font-size: 28px; }

.blog_list {
  margin-top: 19px;
  padding-bottom: 56px; }

.blog_list .item_post {
  max-width: unset; }

.blog_slide:not(.slick-slider) {
  display: flex;
  width: 100%;
  overflow: hidden;
  gap: 16px; }

.blog_slide:not(.slick-slider) .item_post {
  flex: 0 0 auto;
  width: calc((100% - 32px)/3);
  max-width: unset; }

.blog_noslide {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 16px; }
  .blog_noslide .item_post {
    flex: 0 0 auto;
    width: calc((100% - 32px)/3);
    max-width: unset; }

.blog_list.slick-slider .slick-list .slick-track {
  display: flex;
  gap: 16px; }

.blog_list.slick-slider .slick-prev, .blog_list.slick-slider .slick-next {
  background: #fff;
  border: 2px solid #1A4EA2;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 34px;
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer; }
  .blog_list.slick-slider .slick-prev svg, .blog_list.slick-slider .slick-next svg {
    fill: #1A4EA2; }
  .blog_list.slick-slider .slick-prev:hover, .blog_list.slick-slider .slick-next:hover {
    background: #1A4EA2; }
    .blog_list.slick-slider .slick-prev:hover svg, .blog_list.slick-slider .slick-next:hover svg {
      fill: #fff; }

.blog_list.slick-slider .slick-prev {
  left: -20px; }

.blog_list.slick-slider .slick-next {
  right: -20px; }

.blog_cate .btn.btn-blog {
  height: 44px;
  width: 137px;
  line-height: 38px;
  font-size: 16px; }

.blog_list.slick-slider .slick-dots {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  margin-bottom: 0;
  list-style: none;
  font-size: 0;
  gap: 3px; }

.blog_list.slick-slider .slick-dots button {
  width: 10px;
  height: 10px;
  border: none;
  background: #E0EEFE;
  border-radius: 50%; }

.blog_list.slick-slider .slick-dots .slick-active button {
  width: 31px;
  background: #1A4EA2;
  border-radius: 10px; }

/* ARTICLE PAGE */
.blog_heading {
  font-size: 16px;
  text-transform: uppercase;
  color: #1A4EA2;
  margin-bottom: 12px; }

.blog_heading + .general-heading {
  margin: 0 auto 21px;
  max-width: 50%; }

.article-detail .main-content {
  max-width: 70%;
  margin: 0 auto; }
  .article-detail .main-content h3 {
    font-size: 16px;
    font-family: 'svn-omnes-semibold', sans-serif; }

.article-detail .blog_cate {
  background: linear-gradient(180deg, #F5FCFF 0%, #FFF 100%);
  padding: 46px 0 25px; }

.ftwp-contents {
  max-width: 70%;
  margin: 0 auto;
  padding: 16px 21px;
  border-radius: 8px;
  border: 1px solid #FFF6CA;
  background: #FFFDF3; }
  .ftwp-contents .ftwp-header {
    display: flex;
    gap: 8px;
    font-size: 18px;
    margin-bottom: 8px;
    cursor: pointer; }
    .ftwp-contents .ftwp-header .ftwp-icon-expand {
      border: none;
      background: transparent; }
      .ftwp-contents .ftwp-header .ftwp-icon-expand svg {
        fill: #000;
        height: 6px; }
      .ftwp-contents .ftwp-header .ftwp-icon-expand:focus, .ftwp-contents .ftwp-header .ftwp-icon-expand:active {
        outline: none; }
      .ftwp-contents .ftwp-header .ftwp-icon-expand.open svg {
        transform: rotate(180deg); }
  .ftwp-contents .ftwp-body ol {
    list-style: none; }
    .ftwp-contents .ftwp-body ol li {
      margin-bottom: 8px;
      line-height: 18px; }
  .ftwp-contents .ftwp-body .ftwp-item__child {
    padding-left: 20px; }

.about_author {
  max-width: 70%;
  margin: 37px auto 49px;
  border-radius: 8px;
  border: 1px solid var(--Color-color-Brand, #1A4EA2);
  background: #FFF;
  padding: 20px 30px; }
  .about_author .author_top {
    display: flex;
    gap: 17px; }
    .about_author .author_top .author_img {
      flex: 0 0 auto;
      width: 80px; }
      .about_author .author_top .author_img span {
        display: block;
        width: 100%;
        padding-top: 100%;
        border-radius: 50%;
        overflow: hidden;
        position: relative; }
        .about_author .author_top .author_img span img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%; }
    .about_author .author_top .author_info h2 {
      color: #1A4EA2;
      font-size: 20px;
      margin-bottom: 0; }
    .about_author .author_top .author_info .chuc_vi {
      font-size: 16px;
      margin-bottom: 0; }
    .about_author .author_top .author_info .approved {
      color: #009856;
      display: flex;
      align-items: center;
      gap: 8px; }
      .about_author .author_top .author_info .approved span {
        display: inline-flex;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #009856;
        justify-content: center;
        align-items: center; }

#article_menu_btn {
  border-radius: 280px;
  background: #FFF;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  width: 48px;
  height: 48px;
  border: none;
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden; }
  #article_menu_btn.show {
    opacity: 1;
    visibility: visible; }
  #article_menu_btn.open {
    display: none; }
    #article_menu_btn.open + .menu_article_fix {
      transform: translateX(0); }

#article_menu_btn:hover, #article_menu_btn:focus {
  outline: none; }

.menu_article_fix {
  transition: all 0.3s;
  position: fixed;
  top: 25%;
  left: 0;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  padding: 9px 7px 16px;
  transform: translateX(-200%); }

.maf_heading {
  padding: 7px 11.5px;
  border-radius: 4px;
  background: #FFFBE9;
  margin-bottom: 13px;
  display: flex;
  justify-content: space-between; }

.maf_close {
  border: none;
  background: transparent; }
  .maf_close:hover, .maf_close:focus {
    outline: none; }

.maf_body {
  width: 180px; }
  .maf_body ol {
    list-style: none;
    margin-bottom: 0; }
    .maf_body ol a {
      color: #000;
      display: block;
      line-height: 22px;
      margin-bottom: 5px;
      font-size: 14px; }
      .maf_body ol a:hover {
        text-decoration: none;
        color: #007bff; }

/* HOẠT ĐỘNG THƯƠNG HIỆU */
#intro_hdth {
  padding-top: calc(100% * 148 / 1440); }
  #intro_hdth .intro_hdth__left {
    width: 35.167%;
    flex: 0 0 auto;
    position: relative;
    z-index: 2; }
    #intro_hdth .intro_hdth__left > div img {
      height: 62px;
      margin-bottom: 16px; }
  #intro_hdth .intro_hdth__right {
    width: 45.167%;
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
    margin-left: -11%; }
    #intro_hdth .intro_hdth__right #icon_1 {
      position: absolute;
      bottom: 27%;
      width: 10.5%;
      left: 33.5%;
      animation: pulse 2s infinite; }
    #intro_hdth .intro_hdth__right #icon_2 {
      position: absolute;
      left: 83%;
      bottom: 41%;
      width: 9%;
      animation: pulse 3s infinite; }
    #intro_hdth .intro_hdth__right #icon_3 {
      position: absolute;
      left: 74%;
      bottom: 30%;
      width: 12%;
      animation: pulse 3s infinite; }

#section_media {
  background: linear-gradient(0deg, #FFFDF3 0%, #FFF 100%);
  position: relative; }
  #section_media .general-heading {
    margin: 0 0 40px; }
  #section_media .d-flex {
    margin-bottom: 40px;
    gap: 16px; }
    #section_media .d-flex .item_media {
      width: calc((100% - 48px)/4); }
      #section_media .d-flex .item_media .item_media__info {
        margin-top: 16px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        align-self: stretch;
        overflow: hidden;
        color: #1A4EA2;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; }
  #section_media .container {
    position: relative;
    z-index: 2; }
  #section_media .running-line-wrapper {
    margin: auto;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 57px;
    z-index: 1; }
    #section_media .running-line-wrapper .running_line {
      animation: run 2s linear infinite;
      display: flex; }

#section_video.hdth {
  background: #FFFDF3;
  padding-bottom: 91px; }

#section_tnxh {
  background: linear-gradient(180deg, #FFFDF3 0%, #FFF 100%);
  padding: 0 0 53px; }
  #section_tnxh .general-heading {
    margin-top: 0; }
  #section_tnxh .line {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6.67%; }
    #section_tnxh .line:not(:last-child) {
      margin-bottom: 30px; }
    #section_tnxh .line.line_even {
      flex-direction: row-reverse; }
    #section_tnxh .line .line_image {
      width: 42.75%; }
    #section_tnxh .line .line_content {
      width: 39.25%; }
      #section_tnxh .line .line_content h3 {
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 16px; }
      #section_tnxh .line .line_content p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; }

.blog_hdth {
  padding-top: calc(100vw * 148 / 1440); }
  .blog_hdth .general-heading {
    margin-top: 0; }
  .blog_hdth .item_post {
    max-width: calc((100% - 36px) / 4); }

/* PAGE CONTACT */
#contact_map {
  position: relative;
  padding-top: calc(100% * 350 / 1440); }
  #contact_map iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

#contact_body .breadcrumb {
  margin-bottom: 14px; }

#contact_body h1 {
  font-size: 28px;
  margin: 0 0 27px; }

#contact_body .contact_body__info {
  display: flex;
  gap: 16px; }
  #contact_body .contact_body__info .contact_part {
    flex: 0 0 auto;
    width: calc((100% - 32px)/3);
    border-radius: 8px;
    border: 1px solid #E9E9E9;
    background: #FFF;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    gap: 10px; }
    #contact_body .contact_body__info .contact_part__img {
      flex: 0 0 auto;
      width: 82px; }
      #contact_body .contact_body__info .contact_part__img .circle {
        width: 100%;
        padding-top: 100%;
        background: var(--bg_icon_contact);
        border-radius: 50%;
        position: relative; }
        #contact_body .contact_body__info .contact_part__img .circle svg {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
    #contact_body .contact_body__info .contact_part__detail h2 {
      font-size: 16px;
      margin-bottom: 0; }
    #contact_body .contact_body__info .contact_part__detail p {
      font-size: 16px;
      margin-bottom: 0; }

#contact_body .contact_body__form {
  padding-left: 50%;
  background: url("https://cdn.hstatic.net/files/200001061214/file/bg_contact_1.png") no-repeat;
  background-position: left top;
  background-size: auto 100%;
  margin-top: 52px;
  margin-bottom: 36px; }
  #contact_body .contact_body__form > div {
    border-radius: 0 16px 16px 0;
    background: linear-gradient(90deg, var(--bg_form_contact_1) 0%, var(--bg_form_contact_2) 100%), #FFF;
    padding: 49px 33px; }
    #contact_body .contact_body__form > div h2 {
      margin: 0 0 26px;
      color: #fff;
      background: unset;
      font-size: 20px;
      -webkit-text-fill-color: unset;
      text-align: center; }
    #contact_body .contact_body__form > div .form-group {
      display: flex;
      flex-direction: column-reverse; }
      #contact_body .contact_body__form > div .form-group input, #contact_body .contact_body__form > div .form-group textarea {
        width: 100%;
        background: transparent;
        color: #fff;
        border: 1px solid #fff;
        padding: 12px 16px;
        height: auto; }
        #contact_body .contact_body__form > div .form-group input::placeholder, #contact_body .contact_body__form > div .form-group textarea::placeholder {
          color: #fff; }
      #contact_body .contact_body__form > div .form-group .error {
        margin-top: 10px;
        color: #FDDA79;
        font-size: 16px;
        font-family: 'svn-omnes-semibold', sans-serif; }
        #contact_body .contact_body__form > div .form-group .error:not(.d-none) + input, #contact_body .contact_body__form > div .form-group .error:not(.d-none) + textarea {
          border-color: #FDDA79; }
    #contact_body .contact_body__form > div .form-final {
      margin-top: 26px; }
      #contact_body .contact_body__form > div .form-final .alert {
        margin-top: 15px; }

/* PAGE GIẢI ĐÁP */
#general_ques {
  background: linear-gradient(180deg, #FFFDF3 0%, #FFF 100%);
  padding-bottom: 39px; }
  #general_ques .breadcrumb {
    margin-bottom: 0; }
  #general_ques .general-heading {
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px; }
  #general_ques .card {
    border-radius: 16px;
    background: #FFF;
    border: 1px solid #dcdcdc;
    box-shadow: 0 0 15px 0 rgba(183, 116, 0, 0.1);
    margin-bottom: 16px; }
    #general_ques .card .card-header {
      background: transparent;
      border: none;
      border-radius: 0;
      padding: 20px; }
      #general_ques .card .card-header button {
        width: 100%;
        text-align: left;
        padding: 0;
        text-transform: uppercase; }
        #general_ques .card .card-header button:hover {
          text-decoration: none; }
        #general_ques .card .card-header button:focus, #general_ques .card .card-header button:active {
          outline: none;
          text-decoration: none;
          box-shadow: unset; }
    #general_ques .card .card-body {
      padding: 0 20px 20px 20px; }

#hoidap {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(0deg, #1A4EA2 0%, #1B6EF5 100%), linear-gradient(180deg, #FFF 5.15%, #B3DDFF 100%); }
  #hoidap .general-heading {
    text-align: center;
    margin-top: 0px;
    padding-top: 50px;
    margin-bottom: 36px;
    color: #fff;
    background: unset;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset; }
  #hoidap .hoidap_body {
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    position: relative;
    z-index: 5; }
    #hoidap .hoidap_body > div {
      flex: 0 0 auto;
      width: calc((100% - 48px) / 2); }
    #hoidap .hoidap_body .hoidap_left h3 {
      border-radius: 8px;
      background: #FFF;
      width: 100%;
      padding: 24px;
      border: none;
      margin-bottom: 16px;
      text-align: left;
      font-size: 16px;
      cursor: pointer; }
      #hoidap .hoidap_body .hoidap_left h3.active {
        border-left: 4px solid #FF9D00;
        background: #FFFAEB;
        color: #1A4EA2; }
      #hoidap .hoidap_body .hoidap_left h3:focus, #hoidap .hoidap_body .hoidap_left h3:active {
        outline: none; }
    #hoidap .hoidap_body .hoidap_right .hd_a {
      background: #fff;
      padding: 43px;
      border-radius: 16px;
      border: 1px solid #FDDA7A;
      background: #FFF;
      display: none; }
      #hoidap .hoidap_body .hoidap_right .hd_a.active {
        display: block; }
      #hoidap .hoidap_body .hoidap_right .hd_a table {
        border: none;
        display: block; }
        #hoidap .hoidap_body .hoidap_right .hd_a table tr {
          display: flex;
          gap: 10px;
          align-items: center; }
          #hoidap .hoidap_body .hoidap_right .hd_a table tr:first-child {
            margin-bottom: 15px; }
          #hoidap .hoidap_body .hoidap_right .hd_a table tr td {
            border: none;
            flex: 0 0 auto; }
            #hoidap .hoidap_body .hoidap_right .hd_a table tr td:not([colspan="2"]):first-child {
              width: 80px !important;
              height: auto;
              display: flex; }
              #hoidap .hoidap_body .hoidap_right .hd_a table tr td:not([colspan="2"]):first-child p {
                margin-bottom: 0; }
            #hoidap .hoidap_body .hoidap_right .hd_a table tr td:not([colspan="2"]):last-child {
              width: calc(100% - 90px) !important; }
              #hoidap .hoidap_body .hoidap_right .hd_a table tr td:not([colspan="2"]):last-child h3 {
                font-family: 'svn-omnes-semibold';
                font-size: 16px;
                line-height: 120%;
                color: #1A4EA2;
                margin-bottom: 0; }
                #hoidap .hoidap_body .hoidap_right .hd_a table tr td:not([colspan="2"]):last-child h3 + * {
                  font-size: 14px;
                  color: #3E3E3E; }
            #hoidap .hoidap_body .hoidap_right .hd_a table tr td[colspan="2"] {
              width: 100% !important; }
              #hoidap .hoidap_body .hoidap_right .hd_a table tr td[colspan="2"] p:last-child {
                margin-bottom: 0; }
  #hoidap #hd_icon_2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 7.178%; }
  #hoidap #hd_icon_1 {
    position: absolute;
    z-index: 1;
    left: 15%;
    bottom: 11%;
    width: 13.756%; }
  #hoidap > img:last-child {
    position: relative;
    z-index: 3; }
  @media (max-width: 767px) {
    #hoidap .general-heading {
      font-size: 24px; }
    #hoidap .hoidap_body {
      gap: 0; }
      #hoidap .hoidap_body > div {
        width: 100%; }
      #hoidap .hoidap_body .hoidap_right .hd_a {
        padding: 24px; }
    #hoidap > img:last-child {
      margin-top: 40px; } }

#hoidap_bottom {
  padding: 76px 0 47px;
  background: #fff;
  margin-top: -4%;
  position: relative; }
  #hoidap_bottom .container {
    position: relative; }
    #hoidap_bottom .container img {
      border-radius: 8px; }
    #hoidap_bottom .container .form_hoidap {
      position: absolute;
      top: 50%;
      right: 33px;
      transform: translateY(-50%);
      width: 46%;
      background: #fff;
      padding: 49px 33px;
      border-radius: 16px;
      box-shadow: 0 0 15px 0 rgba(0, 25, 79, 0.1); }
      #hoidap_bottom .container .form_hoidap .general-heading {
        font-size: 28px;
        margin-bottom: 28px;
        margin-top: 0;
        text-align: center; }
      #hoidap_bottom .container .form_hoidap .form-group {
        display: flex;
        flex-direction: column-reverse; }
        #hoidap_bottom .container .form_hoidap .form-group input, #hoidap_bottom .container .form_hoidap .form-group textarea {
          width: 100%;
          background: transparent;
          color: #1A4EA2;
          padding: 12px 16px;
          height: auto; }
          #hoidap_bottom .container .form_hoidap .form-group input::placeholder, #hoidap_bottom .container .form_hoidap .form-group textarea::placeholder {
            color: #1A4EA2; }
        #hoidap_bottom .container .form_hoidap .form-group .error {
          margin-top: 10px;
          color: #f00;
          font-size: 16px;
          font-family: 'svn-omnes-semibold', sans-serif; }
          #hoidap_bottom .container .form_hoidap .form-group .error:not(.d-none) + input, #hoidap_bottom .container .form_hoidap .form-group .error:not(.d-none) + textarea {
            border-color: #f00; }
      #hoidap_bottom .container .form_hoidap .form-final {
        margin-top: 26px; }
        #hoidap_bottom .container .form_hoidap .form-final .alert {
          margin-top: 15px; }
  @media (max-width: 767px) {
    #hoidap_bottom {
      padding: 36px 0 27px; }
      #hoidap_bottom .container .form_hoidap {
        position: relative;
        width: 100%;
        transform: unset;
        left: 0;
        top: 0;
        padding: 24px 0; }
        #hoidap_bottom .container .form_hoidap .general-heading {
          font-size: 22px; } }

/* PAGE GIỚI THIỆU */
.map_schedule {
  background: linear-gradient(180deg, var(--bg_quytrinh_1) 26.71%, var(--bg_quytrinh_2) 100%); }
  .map_schedule .row {
    position: relative; }
    .map_schedule .row:not(:last-child) {
      padding-bottom: 8%; }
    .map_schedule .row.row-reverse {
      flex-direction: row-reverse; }
      .map_schedule .row.row-reverse .map_right {
        margin-left: 0;
        margin-right: 10%; }
      .map_schedule .row.row-reverse svg {
        left: 33%;
        transform: rotateX(45deg); }
  .map_schedule .map_left {
    width: 50%; }
  .map_schedule .map_right {
    width: 35%;
    margin-left: 10%; }
    .map_schedule .map_right .general-heading {
      font-size: 28px;
      margin: 0 0 16px; }
    .map_schedule .map_right p {
      margin-bottom: 8px; }
      .map_schedule .map_right p:last-child {
        margin-bottom: 0px; }
  .map_schedule svg {
    position: absolute;
    left: 40%;
    bottom: 0; }

.how_to_know h2 {
  border-radius: 250px;
  background: linear-gradient(90deg, #FDDA7A 0%, #FBFAE0 24.04%, #FDDA7A 46.63%, #BE8A35 69.71%, #FDDA7A 100%);
  height: 77px;
  display: inline-flex;
  width: 35%;
  justify-content: center;
  align-items: center;
  margin: 46px calc(65% / 2) 16px; }
  .how_to_know h2 span {
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.372px;
    text-transform: uppercase;
    background: radial-gradient(50% 50% at 50% 50%, #0059CF 0%, #09489B 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

.how_to_know .description {
  text-align: center;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 90px;
  background: radial-gradient(50% 50% at 50% 50%, #0059CF 0%, #09489B 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0; }

.how_to_know .how_to_know-heading {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 19px; }
  .how_to_know .how_to_know-heading .htk-tab {
    font-size: 24px;
    padding: 10px;
    font-weight: 600;
    cursor: pointer; }
    .how_to_know .how_to_know-heading .htk-tab.active {
      color: #1A4EA2;
      border-bottom: 1px solid #1A4EA2; }

.how_to_know .how_to_know-body:not(.active) {
  display: none; }

.certificates {
  margin-bottom: 66px; }
  .certificates .list_certificate:not(.slick-slider) {
    display: flex;
    gap: 16px;
    width: 100%;
    overflow: hidden; }
    .certificates .list_certificate:not(.slick-slider) > div {
      flex: 0 0 auto;
      width: calc((100% - 48px)/4); }
  .certificates .list_certificate.slick-slider .slick-prev, .certificates .list_certificate.slick-slider .slick-next {
    background: #fff;
    border: 2px solid #1A4EA2;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 34px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer; }
    .certificates .list_certificate.slick-slider .slick-prev svg, .certificates .list_certificate.slick-slider .slick-next svg {
      fill: #1A4EA2; }
    .certificates .list_certificate.slick-slider .slick-prev:hover, .certificates .list_certificate.slick-slider .slick-next:hover {
      background: #1A4EA2; }
      .certificates .list_certificate.slick-slider .slick-prev:hover svg, .certificates .list_certificate.slick-slider .slick-next:hover svg {
        fill: #fff; }
  .certificates .list_certificate.slick-slider .slick-prev {
    left: -60px; }
  .certificates .list_certificate.slick-slider .slick-next {
    right: -60px; }
  .certificates .certificate {
    padding: 9px 11px; }

/* RESPONSIVE */
@media (max-width: 767px) {
  header > .d-flex:first-child {
    align-items: flex-start !important;
    position: relative; }
    header > .d-flex:first-child .header_left {
      width: calc((100% / 3) * 2); }
    header > .d-flex:first-child .header_right {
      flex-direction: column-reverse;
      width: 100%;
      align-items: end;
      margin-bottom: 15px; }
      header > .d-flex:first-child .header_right #mb_menu {
        display: inline-flex;
        z-index: 2;
        background: transparent;
        border: none;
        width: 40px;
        height: 40px;
        position: absolute;
        left: 15px;
        bottom: 10px;
        justify-content: center;
        align-items: center; }
        header > .d-flex:first-child .header_right #mb_menu svg {
          fill: #fff;
          width: 30px;
          height: 30px; }
      header > .d-flex:first-child .header_right a {
        position: absolute;
        top: 10px;
        right: 15px;
        width: calc(100% / 3);
        text-align: right; }
  header > .d-flex:last-child {
    position: absolute;
    left: 0;
    background: rgba(6, 78, 189, 0.8);
    flex-wrap: wrap;
    z-index: 10;
    display: none !important; }
    header > .d-flex:last-child.open {
      display: -ms-flexbox !important;
      display: flex !important; }
    header > .d-flex:last-child [class*="menu_"] {
      flex: 0 0 auto;
      flex-wrap: wrap;
      width: 100%; }
      header > .d-flex:last-child [class*="menu_"] a {
        display: block;
        width: 100%; }
  header .header_left #icon_2 img {
    height: auto; }
  header .header_right_action {
    margin-top: 5px; }
    header .header_right_action button {
      padding: 7px 15px;
      font-size: 16px; }
  #blue_ruler:after {
    background: url("https://cdn.hstatic.net/files/200001061214/file/ruler.svg") repeat;
    background-size: 100% auto;
    background-position: top right; }
  #intro_product .intro_content__left {
    width: 100%;
    background-size: 50% 100%;
    padding-left: 10%;
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 8%; }
    #intro_product .intro_content__left p {
      margin-bottom: 8px; }
  #intro_product .intro_content__right {
    width: 80%;
    margin: 20px auto 0; }
  #section_video {
    padding-top: 32px;
    padding-bottom: 61px; }
    #section_video p {
      max-width: 100%;
      font-size: 14px;
      line-height: 22px; }
    #section_video .slick-prev {
      left: 4%; }
    #section_video .slick-next {
      right: 4%; }
  #section_hoatchat .container h3 {
    width: 70%;
    margin: 0 15% 17px;
    height: 50px; }
    #section_hoatchat .container h3 span {
      font-size: 22px; }
  #section_hoatchat .container .description {
    font-size: 20px;
    margin-bottom: 18px; }
    #section_hoatchat .container .description br {
      display: none; }
  #section_hoatchat .main_hoatchat {
    display: flex;
    justify-content: center;
    width: 100%; }
    #section_hoatchat .main_hoatchat .main_hoatchat__img {
      flex: 0 0 auto;
      width: 100%; }
      #section_hoatchat .main_hoatchat .main_hoatchat__img img {
        height: auto !important;
        width: 100% !important; }
    #section_hoatchat .main_hoatchat .main_hoatchat__detail {
      flex: 0 0 auto;
      width: 100%;
      margin-left: 0%; }
  #section_hoatchat .detail_hoatchat {
    padding: 0 15px; }
    #section_hoatchat .detail_hoatchat .icon_hoatchat {
      margin-top: 10px; }
    #section_hoatchat .detail_hoatchat .info_hoatchat h4.font-bold {
      font-size: 22px; }
      #section_hoatchat .detail_hoatchat .info_hoatchat h4.font-bold br {
        display: none; }
    #section_hoatchat .detail_hoatchat .info_hoatchat p {
      max-width: 100%;
      font-size: 14px; }
  #section_quycach {
    padding-bottom: 0; }
    #section_quycach .product_lists .product_loop .product_img {
      position: relative;
      padding-top: 100%; }
      #section_quycach .product_lists .product_loop .product_img img {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        height: 100%; }
  #section_material {
    background: unset; }
    #section_material .container {
      padding: 0; }
    #section_material .nutrition-section {
      flex-wrap: wrap;
      margin: 0 auto 40px; }
      #section_material .nutrition-section .tabs {
        padding-top: 0;
        padding-right: 15px;
        flex-direction: row;
        max-width: unset;
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
        margin-bottom: 0; }
        #section_material .nutrition-section .tabs::-webkit-scrollbar-track {
          display: none; }
        #section_material .nutrition-section .tabs::-webkit-scrollbar {
          display: none; }
        #section_material .nutrition-section .tabs::-webkit-scrollbar-thumb {
          display: none; }
        #section_material .nutrition-section .tabs .tab {
          padding: 0 15px;
          transform: rotate(180deg);
          border-radius: 0 0 10px 10px;
          height: 40px;
          background-image: none;
          background: linear-gradient(90deg, #ADADAD -9.22%, #B9B9B9 -5.25%, #DEDEDE 9.3%, #EDEDED 15.91%, #D6D6D6 30.46%, #C8C8C8 43.68%, #C4C4C4 54.26%, #EAEAEA 71.46%, #FFF 80.72%, #F4F4F4 91.3%, #E0E0E0 105.85%, #FFF 123.04%); }
          #section_material .nutrition-section .tabs .tab.active {
            background: linear-gradient(90deg, #F9C924 0%, #E4AF18 32%, #FFF98C 68%, #FFD440 100.01%), linear-gradient(90deg, #ADADAD -9.22%, #B9B9B9 -5.25%, #DEDEDE 9.3%, #EDEDED 15.91%, #D6D6D6 30.46%, #C8C8C8 43.68%, #C4C4C4 54.26%, #EAEAEA 71.46%, #FFF 80.72%, #F4F4F4 91.3%, #E0E0E0 105.85%, #FFF 123.04%); }
          #section_material .nutrition-section .tabs .tab span {
            width: auto;
            white-space: nowrap;
            transform: rotate(-180deg); }
          #section_material .nutrition-section .tabs .tab:after {
            display: none; }
          #section_material .nutrition-section .tabs .tab:first-child {
            margin-left: 15px; }
      #section_material .nutrition-section .nutrition-content .nutrition-box {
        padding-right: 0;
        display: flex;
        flex-direction: column; }
        #section_material .nutrition-section .nutrition-content .nutrition-box .product-img {
          position: relative;
          order: -1;
          right: 0;
          bottom: 0;
          width: 100%;
          padding-bottom: 100%;
          background: url("https://cdn.hstatic.net/files/200001061214/file/bg-milk_1.png") no-repeat;
          background-size: 100% auto;
          background-position: 0 bottom;
          margin-bottom: 20px; }
          #section_material .nutrition-section .nutrition-content .nutrition-box .product-img img:not([alt="milk background"]) {
            left: 50%;
            max-height: 100%;
            transform: translateX(-50%);
            max-width: 100%;
            z-index: 2; }
          #section_material .nutrition-section .nutrition-content .nutrition-box .product-img img[alt="milk background"] {
            left: 50%;
            bottom: 0;
            position: absolute;
            transform: translateX(-50%);
            width: 90%;
            z-index: 1;
            max-width: 100%; }
        #section_material .nutrition-section .nutrition-content .nutrition-box--inner {
          width: calc(100% - 30px);
          margin: 0 auto;
          height: 359px; }
          #section_material .nutrition-section .nutrition-content .nutrition-box--inner > table tr {
            gap: 0; }
            #section_material .nutrition-section .nutrition-content .nutrition-box--inner > table tr td {
              font-size: 16px;
              padding: 8px 0; }
              #section_material .nutrition-section .nutrition-content .nutrition-box--inner > table tr td:nth-child(1) {
                padding-left: 15px;
                width: 42%; }
              #section_material .nutrition-section .nutrition-content .nutrition-box--inner > table tr td:nth-child(2) {
                width: 10%; }
              #section_material .nutrition-section .nutrition-content .nutrition-box--inner > table tr td:nth-child(3) {
                width: 20%; }
              #section_material .nutrition-section .nutrition-content .nutrition-box--inner > table tr td:nth-child(4) {
                width: 28%; }
          #section_material .nutrition-section .nutrition-content .nutrition-box--inner > table.heading_table_2 tr td:nth-child(1) {
            width: 30%; }
          #section_material .nutrition-section .nutrition-content .nutrition-box--inner > table.heading_table_2 tr td:nth-child(2) {
            width: 20%; }
          #section_material .nutrition-section .nutrition-content .nutrition-box--inner > table.heading_table_2 tr td:nth-child(3) {
            width: 50%;
            padding-right: 0;
            padding-left: 0; }
            #section_material .nutrition-section .nutrition-content .nutrition-box--inner > table.heading_table_2 tr td:nth-child(3) br {
              display: none; }
          #section_material .nutrition-section .nutrition-content .nutrition-box--inner > table.heading_table_2 + .content_scroll table tr td:nth-child(1) {
            width: 35% !important; }
          #section_material .nutrition-section .nutrition-content .nutrition-box--inner > table.heading_table_2 + .content_scroll table tr td:nth-child(2) {
            width: 18% !important; }
          #section_material .nutrition-section .nutrition-content .nutrition-box--inner > table.heading_table_2 + .content_scroll table tr td:nth-child(3) {
            width: 47% !important; }
          #section_material .nutrition-section .nutrition-content .nutrition-box--inner .content_scroll {
            max-height: calc(100% - 90px);
            width: calc(100% - 10px); }
            #section_material .nutrition-section .nutrition-content .nutrition-box--inner .content_scroll table tr {
              gap: 0; }
              #section_material .nutrition-section .nutrition-content .nutrition-box--inner .content_scroll table tr td {
                font-size: 14px;
                padding: 8px 0; }
                #section_material .nutrition-section .nutrition-content .nutrition-box--inner .content_scroll table tr td:nth-child(1) {
                  padding-left: 15px;
                  width: 45%; }
                #section_material .nutrition-section .nutrition-content .nutrition-box--inner .content_scroll table tr td:nth-child(2) {
                  width: 11%; }
                #section_material .nutrition-section .nutrition-content .nutrition-box--inner .content_scroll table tr td:nth-child(3) {
                  width: 20%; }
                #section_material .nutrition-section .nutrition-content .nutrition-box--inner .content_scroll table tr td:nth-child(4) {
                  width: 24%; }
                #section_material .nutrition-section .nutrition-content .nutrition-box--inner .content_scroll table tr td[colspan="3"] {
                  width: 55%;
                  text-align: left; }
                #section_material .nutrition-section .nutrition-content .nutrition-box--inner .content_scroll table tr td[colspan="4"], #section_material .nutrition-section .nutrition-content .nutrition-box--inner .content_scroll table tr td[colspan="5"] {
                  width: 100% !important; }
      #section_material .nutrition-section .usage-section {
        width: 100%;
        margin-top: 30px;
        padding: 0 15px; }
  .general-heading {
    font-size: 24px; }
  #section_store .general-heading {
    margin: 45px 0 0; }
  .store_body {
    max-width: 100%; }
    .store_body .cus_ruler {
      display: none; }
    .store_body > img {
      left: -15px;
      bottom: unset;
      top: -14%; }
    .store_body .select_group select {
      padding: 6px;
      font-size: 14px; }
    .store_body .list_stores {
      min-height: 280px;
      max-height: 280px; }
      .store_body .list_stores .item_store {
        padding: 8px 16px; }
  .item_post {
    max-width: 100%;
    flex: 0 0 auto; }
  #section_blog .d-flex {
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    justify-content: flex-start !important;
    padding: 0 15px; }
    #section_blog .d-flex::-webkit-scrollbar-track {
      display: none; }
    #section_blog .d-flex::-webkit-scrollbar {
      display: none; }
    #section_blog .d-flex::-webkit-scrollbar-thumb {
      display: none; }
  #section_blog .item_post {
    width: calc(100% - 60px); }
  .blog_list.blog_slide:not(.slick-slider) {
    gap: 0; }
  .blog_list.blog_slide:not(.slick-slider) .item_post,
  .blog_noslide .item_post {
    width: 100%; }
  .blog_list.slick-slider .slick-prev {
    left: -10px; }
  .blog_list.slick-slider .slick-next {
    right: -10px; }
  .blog_heading + .general-heading,
  .ftwp-contents, .article-detail .main-content, .about_author {
    width: 100%;
    max-width: 100%; }
  #quick-view-modal .modal-dialog {
    max-width: 90%;
    margin: auto; }
  .productDetail-information {
    flex-wrap: wrap;
    gap: 16px; }
    .productDetail-information .productDetail--gallery {
      width: 100%; }
      .productDetail-information .productDetail--gallery .slider-nav {
        display: none; }
    .productDetail-information .productDetail--content {
      width: 100%;
      padding: 0; }
      .productDetail-information .productDetail--content .wrapbox-detail .quick_content {
        max-height: 215px; }
  footer {
    display: flex;
    flex-direction: column; }
    footer > p {
      position: static;
      transform: unset;
      width: 100%;
      margin-top: 15px;
      padding: 16px; }
    footer > svg {
      width: 100%;
      order: -1; }
    footer .footer_content {
      max-width: 100%;
      padding: 0 15px;
      margin: 0 auto 16px; }
      footer .footer_content > .d-flex {
        flex-wrap: wrap; }
        footer .footer_content > .d-flex .footer_svg {
          margin: 0 auto 5px; }
          footer .footer_content > .d-flex .footer_svg:after {
            display: none; }
      footer .footer_content__bottom {
        margin-top: 0px; }
  #contact_body .contact_body__info {
    flex-wrap: wrap; }
    #contact_body .contact_body__info .contact_part {
      width: 100%; }
  #contact_body .contact_body__form {
    padding-left: 0;
    background: none; }
    #contact_body .contact_body__form > div {
      border-radius: 16px; }
  /* PAGE GIỚI THIỆU */
  .map_schedule {
    padding-bottom: 30px; }
    .map_schedule .map_left {
      width: 100%;
      padding: 16px; }
    .map_schedule .map_right {
      width: 100%;
      margin: 0;
      padding: 16px; }
    .map_schedule svg {
      display: none; } }