@charset "UTF-8";
/*
Theme Name: Qhdistribution VN
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 0.1.3
*/
@font-face {
  font-family: "Nunito Sans";
  src: url("/wp-content/themes/qhdistribution/assets/fonts/NunitoSans-Black.woff2") format("woff2"), url("/wp-content/themes/qhdistribution/assets/fonts/NunitoSans-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url("/wp-content/themes/qhdistribution/assets/fonts/NunitoSans-ExtraBold.woff2") format("woff2"), url("/wp-content/themes/qhdistribution/assets/fonts/NunitoSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url("/wp-content/themes/qhdistribution/assets/fonts/NunitoSans-Bold.woff2") format("woff2"), url("/wp-content/themes/qhdistribution/assets/fonts/NunitoSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url("/wp-content/themes/qhdistribution/assets/fonts/NunitoSans-SemiBold.woff2") format("woff2"), url("/wp-content/themes/qhdistribution/assets/fonts/NunitoSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url("/wp-content/themes/qhdistribution/assets/fonts/NunitoSans-Regular.woff2") format("woff2"), url("/wp-content/themes/qhdistribution/assets/fonts/NunitoSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
body p,
body li {
  font-size: inherit;
  font-weight: 400;
}
body p {
  margin-bottom: 10px;
}
body div {
  font-size: 16px;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  margin-top: 0;
  font-weight: 900;
  line-height: 1.53;
}
body h1,
body h2,
body h3 {
  font-size: 34px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.53;
  letter-spacing: 0.25px;
}
@media (max-width: 849px) {
  body h1,
  body h2,
  body h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.53;
    letter-spacing: 0.25px;
  }
}
body .heading-text h1,
body .heading-text h2,
body .heading-text h3 {
  position: relative;
  font-size: 34px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.53;
  letter-spacing: 0.25px;
}
body .heading-text h1 span,
body .heading-text h2 span,
body .heading-text h3 span {
  text-decoration: none !important;
}
@media (max-width: 849px) {
  body .heading-text h1,
  body .heading-text h2,
  body .heading-text h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.53;
    letter-spacing: 0.25px;
  }
}
body .heading-text h1:after,
body .heading-text h2:after,
body .heading-text h3:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  width: 100px;
  height: 2px;
  background-color: #000;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
body .heading-text h4,
body .heading-text h5,
body .heading-text h6 {
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.53;
  letter-spacing: 0.25px;
}
@media (max-width: 849px) {
  body .heading-text h4,
  body .heading-text h5,
  body .heading-text h6 {
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.53;
    letter-spacing: 0.25px;
  }
}
body .heading-text.primary-text h1:after,
body .heading-text.primary-text h2:after,
body .heading-text.primary-text h3:after {
  background-color: var(--primary-color) !important;
}
body .heading-text-2 h1,
body .heading-text-2 h2,
body .heading-text-2 h3 {
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.53;
  letter-spacing: 0.25px;
}
@media (max-width: 849px) {
  body .heading-text-2 h1,
  body .heading-text-2 h2,
  body .heading-text-2 h3 {
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.53;
    letter-spacing: 0.25px;
  }
}
body .heading-text-2 h4,
body .heading-text-2 h5,
body .heading-text-2 h6 {
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.53;
  letter-spacing: 0.25px;
}
@media (max-width: 849px) {
  body .heading-text-2 h4,
  body .heading-text-2 h5,
  body .heading-text-2 h6 {
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.53;
    letter-spacing: 0.25px;
  }
}
body .button {
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
}
body .button span {
  vertical-align: -webkit-baseline-middle;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
}

.h-auto {
  height: auto !important;
}

.w-auto {
  width: auto !important;
}

.mb-text-0 p {
  margin-bottom: 0 !important;
}

.img-br-1 img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.img-br-2 img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.img-br-3 img {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.img-br-4 img {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.img-br-5 img {
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

@media (max-width: 849px) {
  .none-break-mb br {
    display: none;
  }
}

.title-text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pb-1 {
  padding-bottom: 5px !important;
}

.pt-1 {
  padding-top: 5px !important;
}

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

.pt-2 {
  padding-top: 10px !important;
}

.pb-3 {
  padding-bottom: 15px !important;
}

.pt-3 {
  padding-top: 15px !important;
}

.pb-4 {
  padding-bottom: 20px !important;
}

.pt-4 {
  padding-top: 20px !important;
}

.pb-5 {
  padding-bottom: 25px !important;
}

.pt-5 {
  padding-top: 25px !important;
}

.text-scroll-300 {
  max-height: 300px !important;
  overflow: auto;
}

.text-scroll-350 {
  max-height: 350px !important;
  overflow: auto;
}

.text-scroll-400 {
  max-height: 400px !important;
  overflow: auto;
}

.text-scroll-450 {
  max-height: 450 !important;
  overflow: auto;
}

.text-scroll-500 {
  max-height: 500px !important;
  overflow: auto;
}

.text-scroll-550 {
  max-height: 550px !important;
  overflow: auto;
}

.text-scroll-600 {
  max-height: 600px !important;
  overflow: auto;
}

.x0 {
  left: 0%;
}

.y0 {
  top: 0%;
}

.x1 {
  left: 1%;
}

.y1 {
  top: 1%;
}

.x2 {
  left: 2%;
}

.y2 {
  top: 2%;
}

.x3 {
  left: 3%;
}

.y3 {
  top: 3%;
}

.x4 {
  left: 4%;
}

.y4 {
  top: 4%;
}

.x5 {
  left: 5%;
}

.y5 {
  top: 5%;
}

.x6 {
  left: 6%;
}

.y6 {
  top: 6%;
}

.x7 {
  left: 7%;
}

.y7 {
  top: 7%;
}

.x8 {
  left: 8%;
}

.y8 {
  top: 8%;
}

.x9 {
  left: 9%;
}

.y9 {
  top: 9%;
}

.x10 {
  left: 10%;
}

.y10 {
  top: 10%;
}

.x11 {
  left: 11%;
}

.y11 {
  top: 11%;
}

.x12 {
  left: 12%;
}

.y12 {
  top: 12%;
}

.x13 {
  left: 13%;
}

.y13 {
  top: 13%;
}

.x14 {
  left: 14%;
}

.y14 {
  top: 14%;
}

.x15 {
  left: 15%;
}

.y15 {
  top: 15%;
}

.x16 {
  left: 16%;
}

.y16 {
  top: 16%;
}

.x17 {
  left: 17%;
}

.y17 {
  top: 17%;
}

.x18 {
  left: 18%;
}

.y18 {
  top: 18%;
}

.x19 {
  left: 19%;
}

.y19 {
  top: 19%;
}

.x20 {
  left: 20%;
}

.y20 {
  top: 20%;
}

.x21 {
  left: 21%;
}

.y21 {
  top: 21%;
}

.x22 {
  left: 22%;
}

.y22 {
  top: 22%;
}

.x23 {
  left: 23%;
}

.y23 {
  top: 23%;
}

.x24 {
  left: 24%;
}

.y24 {
  top: 24%;
}

.x25 {
  left: 25%;
}

.y25 {
  top: 25%;
}

.x26 {
  left: 26%;
}

.y26 {
  top: 26%;
}

.x27 {
  left: 27%;
}

.y27 {
  top: 27%;
}

.x28 {
  left: 28%;
}

.y28 {
  top: 28%;
}

.x29 {
  left: 29%;
}

.y29 {
  top: 29%;
}

.x30 {
  left: 30%;
}

.y30 {
  top: 30%;
}

.x31 {
  left: 31%;
}

.y31 {
  top: 31%;
}

.x32 {
  left: 32%;
}

.y32 {
  top: 32%;
}

.x33 {
  left: 33%;
}

.y33 {
  top: 33%;
}

.x34 {
  left: 34%;
}

.y34 {
  top: 34%;
}

.x35 {
  left: 35%;
}

.y35 {
  top: 35%;
}

.x36 {
  left: 36%;
}

.y36 {
  top: 36%;
}

.x37 {
  left: 37%;
}

.y37 {
  top: 37%;
}

.x38 {
  left: 38%;
}

.y38 {
  top: 38%;
}

.x39 {
  left: 39%;
}

.y39 {
  top: 39%;
}

.x40 {
  left: 40%;
}

.y40 {
  top: 40%;
}

.x41 {
  left: 41%;
}

.y41 {
  top: 41%;
}

.x42 {
  left: 42%;
}

.y42 {
  top: 42%;
}

.x43 {
  left: 43%;
}

.y43 {
  top: 43%;
}

.x44 {
  left: 44%;
}

.y44 {
  top: 44%;
}

.x45 {
  left: 45%;
}

.y45 {
  top: 45%;
}

.x46 {
  left: 46%;
}

.y46 {
  top: 46%;
}

.x47 {
  left: 47%;
}

.y47 {
  top: 47%;
}

.x48 {
  left: 48%;
}

.y48 {
  top: 48%;
}

.x49 {
  left: 49%;
}

.y49 {
  top: 49%;
}

.x50 {
  left: 50%;
}

.y50 {
  top: 50%;
}

.x51 {
  right: 49%;
}

.y51 {
  bottom: 49%;
}

.x52 {
  right: 48%;
}

.y52 {
  bottom: 48%;
}

.x53 {
  right: 47%;
}

.y53 {
  bottom: 47%;
}

.x54 {
  right: 46%;
}

.y54 {
  bottom: 46%;
}

.x55 {
  right: 45%;
}

.y55 {
  bottom: 45%;
}

.x56 {
  right: 44%;
}

.y56 {
  bottom: 44%;
}

.x57 {
  right: 43%;
}

.y57 {
  bottom: 43%;
}

.x58 {
  right: 42%;
}

.y58 {
  bottom: 42%;
}

.x59 {
  right: 41%;
}

.y59 {
  bottom: 41%;
}

.x60 {
  right: 40%;
}

.y60 {
  bottom: 40%;
}

.x61 {
  right: 39%;
}

.y61 {
  bottom: 39%;
}

.x62 {
  right: 38%;
}

.y62 {
  bottom: 38%;
}

.x63 {
  right: 37%;
}

.y63 {
  bottom: 37%;
}

.x64 {
  right: 36%;
}

.y64 {
  bottom: 36%;
}

.x65 {
  right: 35%;
}

.y65 {
  bottom: 35%;
}

.x66 {
  right: 34%;
}

.y66 {
  bottom: 34%;
}

.x67 {
  right: 33%;
}

.y67 {
  bottom: 33%;
}

.x68 {
  right: 32%;
}

.y68 {
  bottom: 32%;
}

.x69 {
  right: 31%;
}

.y69 {
  bottom: 31%;
}

.x70 {
  right: 30%;
}

.y70 {
  bottom: 30%;
}

.x71 {
  right: 29%;
}

.y71 {
  bottom: 29%;
}

.x72 {
  right: 28%;
}

.y72 {
  bottom: 28%;
}

.x73 {
  right: 27%;
}

.y73 {
  bottom: 27%;
}

.x74 {
  right: 26%;
}

.y74 {
  bottom: 26%;
}

.x75 {
  right: 25%;
}

.y75 {
  bottom: 25%;
}

.x76 {
  right: 24%;
}

.y76 {
  bottom: 24%;
}

.x77 {
  right: 23%;
}

.y77 {
  bottom: 23%;
}

.x78 {
  right: 22%;
}

.y78 {
  bottom: 22%;
}

.x79 {
  right: 21%;
}

.y79 {
  bottom: 21%;
}

.x80 {
  right: 20%;
}

.y80 {
  bottom: 20%;
}

.x81 {
  right: 19%;
}

.y81 {
  bottom: 19%;
}

.x82 {
  right: 18%;
}

.y82 {
  bottom: 18%;
}

.x83 {
  right: 17%;
}

.y83 {
  bottom: 17%;
}

.x84 {
  right: 16%;
}

.y84 {
  bottom: 16%;
}

.x85 {
  right: 15%;
}

.y85 {
  bottom: 15%;
}

.x86 {
  right: 14%;
}

.y86 {
  bottom: 14%;
}

.x87 {
  right: 13%;
}

.y87 {
  bottom: 13%;
}

.x88 {
  right: 12%;
}

.y88 {
  bottom: 12%;
}

.x89 {
  right: 11%;
}

.y89 {
  bottom: 11%;
}

.x90 {
  right: 10%;
}

.y90 {
  bottom: 10%;
}

.x91 {
  right: 9%;
}

.y91 {
  bottom: 9%;
}

.x92 {
  right: 8%;
}

.y92 {
  bottom: 8%;
}

.x93 {
  right: 7%;
}

.y93 {
  bottom: 7%;
}

.x94 {
  right: 6%;
}

.y94 {
  bottom: 6%;
}

.x95 {
  right: 5%;
}

.y95 {
  bottom: 5%;
}

.x96 {
  right: 4%;
}

.y96 {
  bottom: 4%;
}

.x97 {
  right: 3%;
}

.y97 {
  bottom: 3%;
}

.x98 {
  right: 2%;
}

.y98 {
  bottom: 2%;
}

.x99 {
  right: 1%;
}

.y99 {
  bottom: 1%;
}

.x100 {
  right: 0%;
}

.y100 {
  bottom: 0%;
}

@media (min-width: 576px) and (max-width: 768px) {
  .md-x0 {
    left: 0%;
  }
  .md-y0 {
    top: 0%;
  }
  .md-x1 {
    left: 1%;
  }
  .md-y1 {
    top: 1%;
  }
  .md-x2 {
    left: 2%;
  }
  .md-y2 {
    top: 2%;
  }
  .md-x3 {
    left: 3%;
  }
  .md-y3 {
    top: 3%;
  }
  .md-x4 {
    left: 4%;
  }
  .md-y4 {
    top: 4%;
  }
  .md-x5 {
    left: 5%;
  }
  .md-y5 {
    top: 5%;
  }
  .md-x6 {
    left: 6%;
  }
  .md-y6 {
    top: 6%;
  }
  .md-x7 {
    left: 7%;
  }
  .md-y7 {
    top: 7%;
  }
  .md-x8 {
    left: 8%;
  }
  .md-y8 {
    top: 8%;
  }
  .md-x9 {
    left: 9%;
  }
  .md-y9 {
    top: 9%;
  }
  .md-x10 {
    left: 10%;
  }
  .md-y10 {
    top: 10%;
  }
  .md-x11 {
    left: 11%;
  }
  .md-y11 {
    top: 11%;
  }
  .md-x12 {
    left: 12%;
  }
  .md-y12 {
    top: 12%;
  }
  .md-x13 {
    left: 13%;
  }
  .md-y13 {
    top: 13%;
  }
  .md-x14 {
    left: 14%;
  }
  .md-y14 {
    top: 14%;
  }
  .md-x15 {
    left: 15%;
  }
  .md-y15 {
    top: 15%;
  }
  .md-x16 {
    left: 16%;
  }
  .md-y16 {
    top: 16%;
  }
  .md-x17 {
    left: 17%;
  }
  .md-y17 {
    top: 17%;
  }
  .md-x18 {
    left: 18%;
  }
  .md-y18 {
    top: 18%;
  }
  .md-x19 {
    left: 19%;
  }
  .md-y19 {
    top: 19%;
  }
  .md-x20 {
    left: 20%;
  }
  .md-y20 {
    top: 20%;
  }
  .md-x21 {
    left: 21%;
  }
  .md-y21 {
    top: 21%;
  }
  .md-x22 {
    left: 22%;
  }
  .md-y22 {
    top: 22%;
  }
  .md-x23 {
    left: 23%;
  }
  .md-y23 {
    top: 23%;
  }
  .md-x24 {
    left: 24%;
  }
  .md-y24 {
    top: 24%;
  }
  .md-x25 {
    left: 25%;
  }
  .md-y25 {
    top: 25%;
  }
  .md-x26 {
    left: 26%;
  }
  .md-y26 {
    top: 26%;
  }
  .md-x27 {
    left: 27%;
  }
  .md-y27 {
    top: 27%;
  }
  .md-x28 {
    left: 28%;
  }
  .md-y28 {
    top: 28%;
  }
  .md-x29 {
    left: 29%;
  }
  .md-y29 {
    top: 29%;
  }
  .md-x30 {
    left: 30%;
  }
  .md-y30 {
    top: 30%;
  }
  .md-x31 {
    left: 31%;
  }
  .md-y31 {
    top: 31%;
  }
  .md-x32 {
    left: 32%;
  }
  .md-y32 {
    top: 32%;
  }
  .md-x33 {
    left: 33%;
  }
  .md-y33 {
    top: 33%;
  }
  .md-x34 {
    left: 34%;
  }
  .md-y34 {
    top: 34%;
  }
  .md-x35 {
    left: 35%;
  }
  .md-y35 {
    top: 35%;
  }
  .md-x36 {
    left: 36%;
  }
  .md-y36 {
    top: 36%;
  }
  .md-x37 {
    left: 37%;
  }
  .md-y37 {
    top: 37%;
  }
  .md-x38 {
    left: 38%;
  }
  .md-y38 {
    top: 38%;
  }
  .md-x39 {
    left: 39%;
  }
  .md-y39 {
    top: 39%;
  }
  .md-x40 {
    left: 40%;
  }
  .md-y40 {
    top: 40%;
  }
  .md-x41 {
    left: 41%;
  }
  .md-y41 {
    top: 41%;
  }
  .md-x42 {
    left: 42%;
  }
  .md-y42 {
    top: 42%;
  }
  .md-x43 {
    left: 43%;
  }
  .md-y43 {
    top: 43%;
  }
  .md-x44 {
    left: 44%;
  }
  .md-y44 {
    top: 44%;
  }
  .md-x45 {
    left: 45%;
  }
  .md-y45 {
    top: 45%;
  }
  .md-x46 {
    left: 46%;
  }
  .md-y46 {
    top: 46%;
  }
  .md-x47 {
    left: 47%;
  }
  .md-y47 {
    top: 47%;
  }
  .md-x48 {
    left: 48%;
  }
  .md-y48 {
    top: 48%;
  }
  .md-x49 {
    left: 49%;
  }
  .md-y49 {
    top: 49%;
  }
  .md-x50 {
    left: 50%;
  }
  .md-y50 {
    top: 50%;
  }
  .md-x51 {
    right: 49%;
  }
  .md-y51 {
    bottom: 49%;
  }
  .md-x52 {
    right: 48%;
  }
  .md-y52 {
    bottom: 48%;
  }
  .md-x53 {
    right: 47%;
  }
  .md-y53 {
    bottom: 47%;
  }
  .md-x54 {
    right: 46%;
  }
  .md-y54 {
    bottom: 46%;
  }
  .md-x55 {
    right: 45%;
  }
  .md-y55 {
    bottom: 45%;
  }
  .md-x56 {
    right: 44%;
  }
  .md-y56 {
    bottom: 44%;
  }
  .md-x57 {
    right: 43%;
  }
  .md-y57 {
    bottom: 43%;
  }
  .md-x58 {
    right: 42%;
  }
  .md-y58 {
    bottom: 42%;
  }
  .md-x59 {
    right: 41%;
  }
  .md-y59 {
    bottom: 41%;
  }
  .md-x60 {
    right: 40%;
  }
  .md-y60 {
    bottom: 40%;
  }
  .md-x61 {
    right: 39%;
  }
  .md-y61 {
    bottom: 39%;
  }
  .md-x62 {
    right: 38%;
  }
  .md-y62 {
    bottom: 38%;
  }
  .md-x63 {
    right: 37%;
  }
  .md-y63 {
    bottom: 37%;
  }
  .md-x64 {
    right: 36%;
  }
  .md-y64 {
    bottom: 36%;
  }
  .md-x65 {
    right: 35%;
  }
  .md-y65 {
    bottom: 35%;
  }
  .md-x66 {
    right: 34%;
  }
  .md-y66 {
    bottom: 34%;
  }
  .md-x67 {
    right: 33%;
  }
  .md-y67 {
    bottom: 33%;
  }
  .md-x68 {
    right: 32%;
  }
  .md-y68 {
    bottom: 32%;
  }
  .md-x69 {
    right: 31%;
  }
  .md-y69 {
    bottom: 31%;
  }
  .md-x70 {
    right: 30%;
  }
  .md-y70 {
    bottom: 30%;
  }
  .md-x71 {
    right: 29%;
  }
  .md-y71 {
    bottom: 29%;
  }
  .md-x72 {
    right: 28%;
  }
  .md-y72 {
    bottom: 28%;
  }
  .md-x73 {
    right: 27%;
  }
  .md-y73 {
    bottom: 27%;
  }
  .md-x74 {
    right: 26%;
  }
  .md-y74 {
    bottom: 26%;
  }
  .md-x75 {
    right: 25%;
  }
  .md-y75 {
    bottom: 25%;
  }
  .md-x76 {
    right: 24%;
  }
  .md-y76 {
    bottom: 24%;
  }
  .md-x77 {
    right: 23%;
  }
  .md-y77 {
    bottom: 23%;
  }
  .md-x78 {
    right: 22%;
  }
  .md-y78 {
    bottom: 22%;
  }
  .md-x79 {
    right: 21%;
  }
  .md-y79 {
    bottom: 21%;
  }
  .md-x80 {
    right: 20%;
  }
  .md-y80 {
    bottom: 20%;
  }
  .md-x81 {
    right: 19%;
  }
  .md-y81 {
    bottom: 19%;
  }
  .md-x82 {
    right: 18%;
  }
  .md-y82 {
    bottom: 18%;
  }
  .md-x83 {
    right: 17%;
  }
  .md-y83 {
    bottom: 17%;
  }
  .md-x84 {
    right: 16%;
  }
  .md-y84 {
    bottom: 16%;
  }
  .md-x85 {
    right: 15%;
  }
  .md-y85 {
    bottom: 15%;
  }
  .md-x86 {
    right: 14%;
  }
  .md-y86 {
    bottom: 14%;
  }
  .md-x87 {
    right: 13%;
  }
  .md-y87 {
    bottom: 13%;
  }
  .md-x88 {
    right: 12%;
  }
  .md-y88 {
    bottom: 12%;
  }
  .md-x89 {
    right: 11%;
  }
  .md-y89 {
    bottom: 11%;
  }
  .md-x90 {
    right: 10%;
  }
  .md-y90 {
    bottom: 10%;
  }
  .md-x91 {
    right: 9%;
  }
  .md-y91 {
    bottom: 9%;
  }
  .md-x92 {
    right: 8%;
  }
  .md-y92 {
    bottom: 8%;
  }
  .md-x93 {
    right: 7%;
  }
  .md-y93 {
    bottom: 7%;
  }
  .md-x94 {
    right: 6%;
  }
  .md-y94 {
    bottom: 6%;
  }
  .md-x95 {
    right: 5%;
  }
  .md-y95 {
    bottom: 5%;
  }
  .md-x96 {
    right: 4%;
  }
  .md-y96 {
    bottom: 4%;
  }
  .md-x97 {
    right: 3%;
  }
  .md-y97 {
    bottom: 3%;
  }
  .md-x98 {
    right: 2%;
  }
  .md-y98 {
    bottom: 2%;
  }
  .md-x99 {
    right: 1%;
  }
  .md-y99 {
    bottom: 1%;
  }
  .md-x100 {
    right: 0%;
  }
  .md-y100 {
    bottom: 0%;
  }
}
@media (min-width: 769px) {
  .lg-x0 {
    left: 0%;
  }
  .lg-y0 {
    top: 0%;
  }
  .lg-x1 {
    left: 1%;
  }
  .lg-y1 {
    top: 1%;
  }
  .lg-x2 {
    left: 2%;
  }
  .lg-y2 {
    top: 2%;
  }
  .lg-x3 {
    left: 3%;
  }
  .lg-y3 {
    top: 3%;
  }
  .lg-x4 {
    left: 4%;
  }
  .lg-y4 {
    top: 4%;
  }
  .lg-x5 {
    left: 5%;
  }
  .lg-y5 {
    top: 5%;
  }
  .lg-x6 {
    left: 6%;
  }
  .lg-y6 {
    top: 6%;
  }
  .lg-x7 {
    left: 7%;
  }
  .lg-y7 {
    top: 7%;
  }
  .lg-x8 {
    left: 8%;
  }
  .lg-y8 {
    top: 8%;
  }
  .lg-x9 {
    left: 9%;
  }
  .lg-y9 {
    top: 9%;
  }
  .lg-x10 {
    left: 10%;
  }
  .lg-y10 {
    top: 10%;
  }
  .lg-x11 {
    left: 11%;
  }
  .lg-y11 {
    top: 11%;
  }
  .lg-x12 {
    left: 12%;
  }
  .lg-y12 {
    top: 12%;
  }
  .lg-x13 {
    left: 13%;
  }
  .lg-y13 {
    top: 13%;
  }
  .lg-x14 {
    left: 14%;
  }
  .lg-y14 {
    top: 14%;
  }
  .lg-x15 {
    left: 15%;
  }
  .lg-y15 {
    top: 15%;
  }
  .lg-x16 {
    left: 16%;
  }
  .lg-y16 {
    top: 16%;
  }
  .lg-x17 {
    left: 17%;
  }
  .lg-y17 {
    top: 17%;
  }
  .lg-x18 {
    left: 18%;
  }
  .lg-y18 {
    top: 18%;
  }
  .lg-x19 {
    left: 19%;
  }
  .lg-y19 {
    top: 19%;
  }
  .lg-x20 {
    left: 20%;
  }
  .lg-y20 {
    top: 20%;
  }
  .lg-x21 {
    left: 21%;
  }
  .lg-y21 {
    top: 21%;
  }
  .lg-x22 {
    left: 22%;
  }
  .lg-y22 {
    top: 22%;
  }
  .lg-x23 {
    left: 23%;
  }
  .lg-y23 {
    top: 23%;
  }
  .lg-x24 {
    left: 24%;
  }
  .lg-y24 {
    top: 24%;
  }
  .lg-x25 {
    left: 25%;
  }
  .lg-y25 {
    top: 25%;
  }
  .lg-x26 {
    left: 26%;
  }
  .lg-y26 {
    top: 26%;
  }
  .lg-x27 {
    left: 27%;
  }
  .lg-y27 {
    top: 27%;
  }
  .lg-x28 {
    left: 28%;
  }
  .lg-y28 {
    top: 28%;
  }
  .lg-x29 {
    left: 29%;
  }
  .lg-y29 {
    top: 29%;
  }
  .lg-x30 {
    left: 30%;
  }
  .lg-y30 {
    top: 30%;
  }
  .lg-x31 {
    left: 31%;
  }
  .lg-y31 {
    top: 31%;
  }
  .lg-x32 {
    left: 32%;
  }
  .lg-y32 {
    top: 32%;
  }
  .lg-x33 {
    left: 33%;
  }
  .lg-y33 {
    top: 33%;
  }
  .lg-x34 {
    left: 34%;
  }
  .lg-y34 {
    top: 34%;
  }
  .lg-x35 {
    left: 35%;
  }
  .lg-y35 {
    top: 35%;
  }
  .lg-x36 {
    left: 36%;
  }
  .lg-y36 {
    top: 36%;
  }
  .lg-x37 {
    left: 37%;
  }
  .lg-y37 {
    top: 37%;
  }
  .lg-x38 {
    left: 38%;
  }
  .lg-y38 {
    top: 38%;
  }
  .lg-x39 {
    left: 39%;
  }
  .lg-y39 {
    top: 39%;
  }
  .lg-x40 {
    left: 40%;
  }
  .lg-y40 {
    top: 40%;
  }
  .lg-x41 {
    left: 41%;
  }
  .lg-y41 {
    top: 41%;
  }
  .lg-x42 {
    left: 42%;
  }
  .lg-y42 {
    top: 42%;
  }
  .lg-x43 {
    left: 43%;
  }
  .lg-y43 {
    top: 43%;
  }
  .lg-x44 {
    left: 44%;
  }
  .lg-y44 {
    top: 44%;
  }
  .lg-x45 {
    left: 45%;
  }
  .lg-y45 {
    top: 45%;
  }
  .lg-x46 {
    left: 46%;
  }
  .lg-y46 {
    top: 46%;
  }
  .lg-x47 {
    left: 47%;
  }
  .lg-y47 {
    top: 47%;
  }
  .lg-x48 {
    left: 48%;
  }
  .lg-y48 {
    top: 48%;
  }
  .lg-x49 {
    left: 49%;
  }
  .lg-y49 {
    top: 49%;
  }
  .lg-x50 {
    left: 50%;
  }
  .lg-y50 {
    top: 50%;
  }
  .lg-x51 {
    right: 49%;
  }
  .lg-y51 {
    bottom: 49%;
  }
  .lg-x52 {
    right: 48%;
  }
  .lg-y52 {
    bottom: 48%;
  }
  .lg-x53 {
    right: 47%;
  }
  .lg-y53 {
    bottom: 47%;
  }
  .lg-x54 {
    right: 46%;
  }
  .lg-y54 {
    bottom: 46%;
  }
  .lg-x55 {
    right: 45%;
  }
  .lg-y55 {
    bottom: 45%;
  }
  .lg-x56 {
    right: 44%;
  }
  .lg-y56 {
    bottom: 44%;
  }
  .lg-x57 {
    right: 43%;
  }
  .lg-y57 {
    bottom: 43%;
  }
  .lg-x58 {
    right: 42%;
  }
  .lg-y58 {
    bottom: 42%;
  }
  .lg-x59 {
    right: 41%;
  }
  .lg-y59 {
    bottom: 41%;
  }
  .lg-x60 {
    right: 40%;
  }
  .lg-y60 {
    bottom: 40%;
  }
  .lg-x61 {
    right: 39%;
  }
  .lg-y61 {
    bottom: 39%;
  }
  .lg-x62 {
    right: 38%;
  }
  .lg-y62 {
    bottom: 38%;
  }
  .lg-x63 {
    right: 37%;
  }
  .lg-y63 {
    bottom: 37%;
  }
  .lg-x64 {
    right: 36%;
  }
  .lg-y64 {
    bottom: 36%;
  }
  .lg-x65 {
    right: 35%;
  }
  .lg-y65 {
    bottom: 35%;
  }
  .lg-x66 {
    right: 34%;
  }
  .lg-y66 {
    bottom: 34%;
  }
  .lg-x67 {
    right: 33%;
  }
  .lg-y67 {
    bottom: 33%;
  }
  .lg-x68 {
    right: 32%;
  }
  .lg-y68 {
    bottom: 32%;
  }
  .lg-x69 {
    right: 31%;
  }
  .lg-y69 {
    bottom: 31%;
  }
  .lg-x70 {
    right: 30%;
  }
  .lg-y70 {
    bottom: 30%;
  }
  .lg-x71 {
    right: 29%;
  }
  .lg-y71 {
    bottom: 29%;
  }
  .lg-x72 {
    right: 28%;
  }
  .lg-y72 {
    bottom: 28%;
  }
  .lg-x73 {
    right: 27%;
  }
  .lg-y73 {
    bottom: 27%;
  }
  .lg-x74 {
    right: 26%;
  }
  .lg-y74 {
    bottom: 26%;
  }
  .lg-x75 {
    right: 25%;
  }
  .lg-y75 {
    bottom: 25%;
  }
  .lg-x76 {
    right: 24%;
  }
  .lg-y76 {
    bottom: 24%;
  }
  .lg-x77 {
    right: 23%;
  }
  .lg-y77 {
    bottom: 23%;
  }
  .lg-x78 {
    right: 22%;
  }
  .lg-y78 {
    bottom: 22%;
  }
  .lg-x79 {
    right: 21%;
  }
  .lg-y79 {
    bottom: 21%;
  }
  .lg-x80 {
    right: 20%;
  }
  .lg-y80 {
    bottom: 20%;
  }
  .lg-x81 {
    right: 19%;
  }
  .lg-y81 {
    bottom: 19%;
  }
  .lg-x82 {
    right: 18%;
  }
  .lg-y82 {
    bottom: 18%;
  }
  .lg-x83 {
    right: 17%;
  }
  .lg-y83 {
    bottom: 17%;
  }
  .lg-x84 {
    right: 16%;
  }
  .lg-y84 {
    bottom: 16%;
  }
  .lg-x85 {
    right: 15%;
  }
  .lg-y85 {
    bottom: 15%;
  }
  .lg-x86 {
    right: 14%;
  }
  .lg-y86 {
    bottom: 14%;
  }
  .lg-x87 {
    right: 13%;
  }
  .lg-y87 {
    bottom: 13%;
  }
  .lg-x88 {
    right: 12%;
  }
  .lg-y88 {
    bottom: 12%;
  }
  .lg-x89 {
    right: 11%;
  }
  .lg-y89 {
    bottom: 11%;
  }
  .lg-x90 {
    right: 10%;
  }
  .lg-y90 {
    bottom: 10%;
  }
  .lg-x91 {
    right: 9%;
  }
  .lg-y91 {
    bottom: 9%;
  }
  .lg-x92 {
    right: 8%;
  }
  .lg-y92 {
    bottom: 8%;
  }
  .lg-x93 {
    right: 7%;
  }
  .lg-y93 {
    bottom: 7%;
  }
  .lg-x94 {
    right: 6%;
  }
  .lg-y94 {
    bottom: 6%;
  }
  .lg-x95 {
    right: 5%;
  }
  .lg-y95 {
    bottom: 5%;
  }
  .lg-x96 {
    right: 4%;
  }
  .lg-y96 {
    bottom: 4%;
  }
  .lg-x97 {
    right: 3%;
  }
  .lg-y97 {
    bottom: 3%;
  }
  .lg-x98 {
    right: 2%;
  }
  .lg-y98 {
    bottom: 2%;
  }
  .lg-x99 {
    right: 1%;
  }
  .lg-y99 {
    bottom: 1%;
  }
  .lg-x100 {
    right: 0%;
  }
  .lg-y100 {
    bottom: 0%;
  }
}
.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-700 {
  font-weight: 700 !important;
}

.font-weight-800 {
  font-weight: 800 !important;
}

.font-weight-900 {
  font-weight: 900 !important;
}

.header-nav .menu-item {
  position: relative;
}
.header-nav .menu-item .nav-top-link {
  font-family: "Nunito Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: var(--fs-color-primary);
}
.header-nav .menu-item .nav-top-link::before {
  height: 1px;
}
.header-nav > .menu-item {
  margin-right: 20px;
  position: relative;
}
.header-nav > .menu-item::before {
  opacity: 0 !important;
}
.header-nav > .menu-item.current-menu-item::before, .header-nav > .menu-item.current-menu-parent::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: var(--fs-color-primary);
  opacity: 1 !important;
  border: none !important;
}
.header-nav > .menu-item .sub-menu {
  border: 0 !important;
}
.header-nav > .menu-item .sub-menu .menu-item {
  position: relative;
}
.header-nav > .menu-item .sub-menu .menu-item.current_page_item {
  background-color: rgba(207, 207, 207, 0.4392156863);
}
.header-nav > .menu-item .sub-menu .menu-item a {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: var(--fs-color-primary) !important;
  border-bottom: 0 !important;
}

.header-wrapper.stuck .nav-top-link::before {
  bottom: 14px !important;
}

.header-wrapper.stuck .header-nav > .menu-item.current-menu-item::before, .header-wrapper.stuck .header-nav > .menu-item.current-menu-parent::before {
  bottom: 15px !important;
}

.mobile-sidebar .nav-sidebar .menu-item {
  border: 0;
  padding: 0 20px;
}
.mobile-sidebar .nav-sidebar .menu-item.current-menu-parent {
  background-color: rgba(194, 194, 194, 0.6156862745);
}
.mobile-sidebar .nav-sidebar .menu-item.current-menu-parent::after {
  display: none;
}
.mobile-sidebar .nav-sidebar .menu-item.current_page_item {
  background-color: rgba(194, 194, 194, 0.6156862745);
}
.mobile-sidebar .nav-sidebar .menu-item a {
  font-family: "Nunito Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: var(--fs-color-primary) !important;
  padding: 15px 0 !important;
}
.mobile-sidebar .nav-sidebar .menu-item ~ .menu-item {
  position: relative;
}
.mobile-sidebar .nav-sidebar .menu-item ~ .menu-item::after {
  content: "";
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0px;
  height: 1px;
  background-color: rgba(195, 195, 195, 0.6509803922);
}

.pr-0 {
  padding-right: 0;
}

.mb-1 {
  margin-bottom: 10px;
}

.mb--1 {
  margin-bottom: -10px;
}

.mb-2 {
  margin-bottom: 15px;
}

.mb--2 {
  margin-bottom: -15px;
}

.mb-3 {
  margin-bottom: 20px;
}

.mb--3 {
  margin-bottom: -20px;
}

.mb-4 {
  margin-bottom: 25px;
}

.mb--4 {
  margin-bottom: -25px;
}

.mb-5 {
  margin-bottom: 30px;
}

.mb--5 {
  margin-bottom: -30px;
}

.text-justify p {
  text-align: justify;
}

a,
p {
  display: block;
}

b,
strong {
  font-weight: 900;
}

body * {
  font-family: inherit;
}
body * ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
body * ::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
body * ::-webkit-scrollbar-thumb {
  background: #d9b078;
  border: 0px none #ffffff;
  border-radius: 50px;
}
body * ::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
body * ::-webkit-scrollbar-thumb:active {
  background: #000000;
}
body * ::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 30px;
}
body * ::-webkit-scrollbar-track:hover {
  background: #666666;
}
body * ::-webkit-scrollbar-track:active {
  background: #d8d8d8;
}
body * ::-webkit-scrollbar-corner {
  background: transparent;
}
body * span {
  font-weight: inherit;
}
body * strong,
body * b {
  font-weight: 700;
}

b .m-auto {
  margin: 0 auto;
}

.header-button-1 a.button {
  line-height: 1.5;
  background: var(--fs-color-primary);
  font-size: 14px;
  font-weight: 700;
}

@media (max-width: 1023px) {
  .off-canvas-right .mfp-content,
  .off-canvas-left .mfp-content {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .off-canvas-right .mfp-content .html_topbar_left,
  .off-canvas-left .mfp-content .html_topbar_left {
    display: none;
  }
}
@media (max-width: 1023px) {
  .off-canvas-right .mfp-content .menu-header-top,
  .off-canvas-left .mfp-content .menu-header-top {
    display: flex;
    flex-wrap: nowrap;
    margin-top: -30px;
    padding: 8px 20px !important;
  }
}
@media (max-width: 1023px) {
  .off-canvas-right .mfp-content .menu-header-top .header-button,
  .off-canvas-left .mfp-content .menu-header-top .header-button {
    width: auto;
    margin-left: auto;
    margin-right: 40px;
  }
  .off-canvas-right .mfp-content .menu-header-top .header-button img,
  .off-canvas-left .mfp-content .menu-header-top .header-button img {
    max-height: 70px !important;
  }
}

.mfp-ready .mfp-close {
  margin-top: 15px !important;
  margin-right: 15px !important;
}

.mobile-nav .header-button .button.icon.circle > i:only-child {
  top: 0px !important;
}

.absolute-footer {
  display: none;
}

.row-product .box {
  position: relative;
}
.row-product .box .label-text {
  display: none;
}
.row-product .box p {
  font-size: 16px;
}
.row-product .box .text-price p {
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.53;
  letter-spacing: 0.25px;
}
.row-product .box.box-text-bottom .box-text {
  position: unset;
}
.row-product .box.box-text-bottom .label-text {
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 15px;
}
.row-product .box.box-text-bottom .label-text p {
  display: inline-block;
  padding: 5px 20px;
  margin-bottom: 0;
  background-color: var(--primary-color);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  color: #ffffff;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

.swiper-container {
  max-width: 100% !important; /* Yêu cầu của bạn */
  max-width: 1200px; /* Để không vỡ trên mobile */
  padding-top: 20px;
  padding-bottom: 50px; /* Chừa chỗ cho shadow và pagination */
  overflow: hidden; /* Cắt phần thừa 2 bên */
}

/* 2. Định dạng Slide */
.swiper-container .swiper-slide {
  width: 360px !important;
  height: 480px !important;
  overflow: hidden;
  padding: 10px;
  box-shadow: none !important;
  outline: none !important;
  /* Bóng đổ nhẹ cho slide */
}
@media (max-width: 849px) {
  .swiper-container .swiper-slide {
    width: 250px !important;
    height: 334px !important;
  }
}

.swiper-container .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

/* Text đè lên ảnh (nếu cần giống hình) */
.slide-content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  color: #333;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  opacity: 0; /* Ẩn đi, chỉ hiện khi active nếu muốn */
  transition: opacity 0.3s;
}

.swiper-slide-active .slide-content {
  opacity: 1;
}

/* 3. Custom Nút bấm (Màu xanh tròn giống hình) */
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
  background-color: #1a237e; /* Màu xanh đậm */
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
}

.swiper-container .swiper-button-next::after,
.swiper-container .swiper-button-prev::after {
  font-size: 16px;
  font-weight: bold;
}

/* Pagination (Dấu chấm) */
.swiper-container .swiper-pagination-bullet {
  background: #ccc;
  opacity: 1;
}

.swiper-container .swiper-pagination-bullet-active {
  background: #1a237e;
}

/* Responsive: Trên mobile cho nhỏ lại */
@media (max-width: 768px) {
  .swiper-container .swiper-slide {
    width: 280px;
    height: 380px;
  }
}
.block-swiper {
  position: relative;
}
@media (max-width: 849px) {
  .block-swiper {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
.block-swiper .swiper-button-prev,
.block-swiper .swiper-button-next {
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: var(--primary-color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.block-swiper .swiper-button-prev::after,
.block-swiper .swiper-button-next::after {
  font-size: 18px;
  font-weight: 900;
  color: #fff;
}
.block-swiper .swiper-button-prev {
  left: -15px;
}
.block-swiper .swiper-button-prev::after {
  content: "\f104" !important;
  font-family: fl-icons !important;
}
@media (max-width: 849px) {
  .block-swiper .swiper-button-prev {
    left: 15px;
  }
}
.block-swiper .swiper-button-next {
  right: -15px;
}
.block-swiper .swiper-button-next::after {
  content: "\f105" !important;
  font-family: fl-icons !important;
}
@media (max-width: 849px) {
  .block-swiper .swiper-button-next {
    right: 15px;
  }
}
.block-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--primary-color);
}