@charset "utf-8";



/* CSS Document */



/* set up */



:root {

  --primarycolor: #ff9126;

  --primarycolor25: #1f1f1f40;

  --primarycolor50: #1f1f1f80;

  --primarycolor75: #1f1f1fbf;

  --primarycolorDarker: #ff0000;

  --secondarycolor: #bdbdbd;

  --secondarycolor25: #bdbdbd40;

  --secondarycolor50: #bdbdbd80;

  --secondarycolor75: #bdbdbdbf;

  --darkColor: #000;

  --lightColor: #fff;

  --linkColor: #000;

  --linkHoverColor: #1f1f1f;

  --navBackground: #fff;

  --navColor: #272727;

  --navActiveColor: #272727;

  --navFocusColor: #272727;

  --navDropdownBackground: #fff;

  --navDropdownColor: #272727;

  --navDropdownActiveColor: #272727;

  --navDropdownFocusColor: #272727;

  --navShadown: none;

  --titleColor: #1f1f1f;

  --titleDecorationColor: #bdbdbd;

  --titleModuleColor: #1f1f1f;

  --breadcrumbColor: #000;

  --breadcrumbActiveColor: var(--primarycolor);

  --sideNavColor: #1f1f1f;

}



.row.rowx-0 {

  --bs-gutter-x: 0px;

}

.row.rowx-5 {

  --bs-gutter-x: 5px;

}

.row.rowx-10 {

  --bs-gutter-x: 10px;

}

.row.rowx-15 {

  --bs-gutter-x: 15px;

}

.row.rowy-0 {

  --bs-gutter-y: 0px;

}

.row.rowy-5 {

  --bs-gutter-y: 5px;

}

.row.rowy-10 {

  --bs-gutter-y: 10px;

}

.row.rowy-15 {

  --bs-gutter-y: 15px;

}

.row.rowx-2r {

  --bs-gutter-x: 2rem;

}

.rowx--75r {

  --bs-gutter-x: 0.75rem;

}



.chitiettin a{

  color:#2b7fff;

  text-decoration:underline;

}



body {

  font-family: var(--primaryFont);

  font-size: 14px;

  color: var(--darkColor);

  background-repeat-x: repeat;

  background-repeat-y: no-repeat;

  background-position: center;

  background-size: contain;

}



.wrapper-loading {

  position: fixed;

  width: 100%;

  height: 100%;

  background: #fff;

  z-index: 99999999;

  transition: all 0.5s;

  display: flex;

  justify-content: center;

  align-items: center;

}



.wrapper-loading.done {

  opacity: 0;

  z-index: -1;

  transform: translateY(-150%);

}



.wrapper-loading img {

  width: auto;

  height: 15%;

}



img {

  max-width: 100%;

  height: auto;

}



iframe {

  max-width: 100%;

  height: auto;

}



a {

  color: var(--linkColor);

  text-decoration: none;

  transition: all 0.3s;

}



a:hover {

  color: var(--linkHoverColor);

}



.lg-none {

  display: none;

}



.lg-block {

  display: block;

}



.logo img {

  height: 120px;

}

.fixed .logo img {

  height: 60px;

}

.title {

  color: var(--titleColor);

  font-family: var(--titleFont);

  margin-bottom: 25px;

  margin-top: 20px;

  font-size: 2rem;

  font-weight: bold;

}

.title.has-extra-decoration {

  text-transform: uppercase;

  color: var(--titleColor);

  text-shadow: -2px 2px hsla(0, 0%, 27%, 0.25);

  display: inline-block;

}

.title.has-extra-decoration span {

  display: flex;

  color: var(--titleDecorationColor);

  text-shadow: none;

  font-size: 1rem;

  margin-bottom: 5px;

  align-items: center;

  gap: 5px;

}

.title.has-extra-decoration span::after {

  content: "";

  flex: 1 0 0%;

  height: 2px;

  background-color: currentColor;

}

.title.has-2-bg span {

  position: relative;

  display: inline-block;

  color: var(--lightColor);

  font-weight: 600;

  text-transform: uppercase;

  padding: 10px 75px;

  border-top-right-radius: 70px;

  overflow: hidden;

  font-size: 24px;

}

.title.has-2-bg span::before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 93%;

  height: 100%;

  background-color: var(--primarycolor);

  z-index: -2;

}

.title.has-2-bg span::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 50%;

  background-color: var(--secondarycolor);

  z-index: -1;

  border-top-left-radius: calc(50% + 150px);

}

.title.has-rec-bg {

}

.title.has-rec-bg .line {

  display: block;

  height: 2px;

  background-color: var(--primarycolor);

  width: 100%;

}

.title.has-rec-bg span {

  position: relative;

  display: block;

  background-color: var(--primarycolor);

  color: var(--lightColor);

  text-transform: uppercase;

  text-align: center;

  font-size: 24px;

  padding: 10px 30px;

}

.title.has-rec-bg span::after {

  position: absolute;

  right: -35px;

  top: 0;

  content: "";

  width: 42px;

  height: 100%;

  background-image: url("../images/triangle.png");

  background-repeat: no-repeat;

  background-size: contain;

}

.title.has-rec-bg span::before {

  position: absolute;

  left: -35px;

  top: 0;

  content: "";

  width: 42px;

  height: 100%;

  background-image: url("../images/triangle.png");

  background-repeat: no-repeat;

  background-size: contain;

  transform: rotateZ(180deg);

  -webkit-transform: rotateZ(180deg);

  -moz-transform: rotateZ(180deg);

  -ms-transform: rotateZ(180deg);

  -o-transform: rotateZ(180deg);

}

.title.has-readmore {

  display: flex;

  align-items: center;

  justify-content: space-between;

  color: var(--lightColor);

  background-color: var(--darkColor);

  padding: 10px;

  text-transform: uppercase;

  font-size: 22px;

  margin-top: 0;

  margin-bottom: 15px;

}

.title.has-readmore .readmore {

  color: var(--lightColor);

  font-size: 14px;

  text-transform: none;

}

.title.title-2 span.color-this {

  color: var(--titleDecorationColor);

}

.title .border-this {

  display: inline-block;

  border-top: 1px solid #5f5f5f;

  border-bottom: 1px solid #5f5f5f;

  padding: 10px 0;

}

.title.has-bg {

  text-align: center;

  text-transform: uppercase;

  background-color: var(--primarycolor);

  color: var(--lightColor);

  padding-top: 1rem;

  padding-bottom: 10rem;

  margin-bottom: 0;

}

.title-module {

  font-family: var(--titleModuleFont);

  text-transform: uppercase;

  margin-bottom: 0.5rem !important;

  color: var(--titleModuleColor);

}

.title-gia {

  color: var(--secondarycolor);

  font-size: 16px;

  font-weight: bold;

  font-family: Roboto;

}

.title-content {

  font-size: 22px;

  color: var(--primarycolor);

  margin-bottom: 3rem;

}



.title2 {

  font-family: var(--titleFont2);

  color: var(--darkColor);

  font-size: 20px;

  margin-bottom: 1.5rem;

}



.title.has-border {

  border-bottom: 1px solid var(--primarycolor);

}



.title.has-line {

  position: relative;

}



.title.has-line::before {

  /* content: "";

  position: absolute;

  bottom: -14px;

  left: 0;

  right: 0;

  width: 16px;

  height: 16px;

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  margin: 0 auto;

  filter: drop-shadow(0 0 1px #fff); */

}

.title.has-line::after {

  /* content: "";

  position: absolute;

  bottom: -10px;

  left: 0;

  width: 283px;

  height: 7px;

  background-repeat: no-repeat;

  background-size: 100%;

  background-position: center;

  background-image: url("../images/title-primary.png"); */

}

.title.has-line.text-white::after {

  /* background-image: url("../images/title-white.png");

  width: 437px;

  height: 7px; */

}



.title.has-line.text-center::after {

  /* right: 0;

  margin: 0 auto; */

}

.title.has-line::before {

}



.title.has-line::before,

.title.has-line::after {

}

.title.has-line > span {

  display: flex;

  align-items: center;

  width: 100%;

}

.title.has-line > span > div {

  color: var(--lightColor);

  background-color: #0c5d91;

  padding: 10px;

  box-shadow: -10px -10px 0 var(--primarycolor);

}

.title.has-line > span::before {

}

.title.has-line > span::after {

}

.title.has-line > span::before,

.title.has-line > span::after {

  background-color: var(--primarycolor);

  content: "";

  height: 2px;

  display: block;

  flex: 1 0 0%;

  margin-top: 10px;

}

.title.has-line > .left-title {

  margin-top: 4px;

}

.title.has-line > .right-title {

  margin-bottom: 15px;

}

.title.has-line.text--secondary::before,

.title.has-line.text--secondary::after {

  background-color: var(--primarycolor);

}



.title.has-decoration {

  color: var(--primarycolor);

  text-transform: uppercase;

  position: relative;

  margin-top: 0;

  margin-bottom: 0;

}

.title.has-decoration .readmore {

  position: absolute;

  right: 0;

  bottom: 20px;

  font-size: 14px;

  text-transform: none;

  color: var(--secondarycolor);

  text-decoration: underline;

  text-underline-offset: 3px;

}

.bg-even .title.has-decoration .readmore,

.bg-odd .title.has-decoration .readmore {

  color: var(--lightColor);

}

.title.has-decoration::before {

  content: "";

  background-image: url("../images/title-decoration.png");

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  display: inline-block;

  width: 80px;

  height: 76px;

}



.title.has-decoration span {

  display: inline-block;

  background-color: var(--primarycolor);

  color: var(--lightColor);

  position: absolute;

  top: 15px;

  height: 53px;

  line-height: 2.5;

  padding-right: 40px;

  border-bottom-right-radius: 50px;

  border-top-right-radius: 50px;

  font-weight: 300;

  font-size: 22px;

  left: 78px;

}



.title.text-decoration {

  text-shadow: 2px 0 2px #fff, -2px 0 2px #fff, 0 2px 2px #fff, 0 -2px 2px #fff,

    1px 1px 2px #fff, -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff;

}

.title.has-line-bottom > span {

  position: relative;

  z-index: 1;

}

.title.has-line-bottom > span::before {

  content: "";

  position: absolute;

  bottom: -8px;

  right: 0;

  left: 0;

  margin: 0 auto;

  height: 2px;

  width: 58%;

  background-color: #dadada;

  z-index: -1;

}

.title.has-line-bottom.text-start > span::before {

  margin: 0;

  right: unset;

}

.title-container {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  height: 100%;

}

.title-container img {

  margin-top: 0;

  margin-bottom: auto;

  margin-left: -12px;

}

.title-container .title {

  margin: auto 0;

  color: #4e4e4e;

  font-size: 33px;

  position: relative;

}

.title-container .title::before {

  content: "";

  position: absolute;

  background-image: url("../images/rectangle_title.png");

  background-repeat: no-repeat;

  width: 46px;

  height: 140px;

  top: -32px;

  left: -12px;

  z-index: -1;

}

.title-container .rec-black {

  width: 100%;

  height: 40px;

  text-align: end;

  margin-top: auto;

  margin-bottom: 0;

}

.title-container .rec-black::after {

  content: "";

  display: inline-block;

  background-color: #000;

  width: 100px;

  height: 100%;

}

.title-description {

  color: #103224;

  margin-bottom: 1.5rem;

}

.noi-dung {

  font-family: var(--primaryFont);

}



.btn-readmore {

  color: var(--primarycolor);

  padding: 0.2rem 1.2rem;

  font-family: var(--buttonFont);

  display: inline-block;

  font-size: 16px;

  background-color: transparent;

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border: 1px solid;

  font-weight: 300;

}



.btn-readmore:hover {

  color: var(--lightColor);

  background: var(--primarycolor);

}

.btn-readmore.shadow {

  box-shadow: 0 0 15px var(--primarycolor50) !important;

}



.btn-readmore.shadow-light {

  box-shadow: 0 0 5px var(--lightColor);

  border: 1px solid var(--lightColor);

}



.btn-readmore.bg-white {

  background: var(--lightColor);

  color: var(--primarycolor);

  box-shadow: 1px 1px 3px #fff;

  font-weight: bold;

}



.btn-readmore-2 {

  font-family: var(--buttonFont2);

  color: #939393;

  font-size: 18px;

}



.btn.btn-dk {

  background: var(--primarycolor);

  color: var(--lightColor);

  box-shadow: none;

  padding: 3px 15px;

  font-size: 16px;

  border-radius: 2px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

  font-weight: 500;

  border: 1px solid #fff3;

  text-transform: uppercase;

}

.btn.btn-dk:hover {

}

.dang-ki-nhan-tin {

  padding: 2rem 0;

  background-color: var(--primarycolor);

}

.dang-ki-nhan-tin .title {

  margin-bottom: 0.5rem;

}

.dang-ki-nhan-tin .title-description {

  color: var(--lightColor);

}

#email_dk {

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  background-color: #fff;

  color: var(--darkColor);

  border: 0;

  /* border: 1px solid #ccc; */

  box-shadow: 0 0 2px #949494;

  height: 40px;

  font-family: var(--formFont);

  width: 100%;

  outline: 0;

  padding: 2px 10px;

  padding-right: 90px;

}

#email_dk:focus {

}

/* #email_dk:-webkit-autofill,

#email_dk:-webkit-autofill:hover,

#email_dk:-webkit-autofill:focus {

  -webkit-text-fill-color: var(--lightColor);

  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset;

  transition: background-color 5000s ease-in-out 0s;

  -webkit-transition: background-color 5000s ease-in-out 0s;

  -moz-transition: background-color 5000s ease-in-out 0s;

  -ms-transition: background-color 5000s ease-in-out 0s;

  -o-transition: background-color 5000s ease-in-out 0s;

} */

#email_dk::placeholder {

  color: #818181;

  font-weight: 100;

}

.email-dk-container {

  position: relative;

}

.email-dk-container .btn.btn-dk {

  position: absolute;

  top: 3px;

  right: 3px;

  background-color: var(--primarycolor);

  color: var(--lightColor);

  padding: 5px 20px;

  font-size: 14px;

  text-transform: uppercase;

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  font-weight: normal;

}

.email-dk-container:hover .btn.btn-dk {

  /* opacity: 1;

  transform: translateY(0);

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0); */

}

.form-dang-ki-nhan-tin {

  position: relative;

}

.form-dang-ki-nhan-tin .btn.btn-dk {

  position: absolute;

  right: 5px;

  top: 0;

  bottom: 0;

  margin: auto 0;

  height: 36px;

}



.well a {

  color: #000;

}



header {

  background-color: var(--lightColor);

  color: var(--secondarycolor);

  position: relative;

  padding: 0.5rem 0;

  z-index: 2;

  /* display: none; */

}



.nav.mxh-header .nav-item a {

  display: inline-block;

  padding: 0;

  width: 30px;

  height: 30px;

  font-size: 18px;

  line-height: 1.6;

  border-radius: 50%;

  border: 2px solid var(--secondarycolor);

  color: var(--lightColor);

  background-color: var(--secondarycolor);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  text-align: center;

  background-size: 120%;

  background-position: center;

  background-repeat: no-repeat;

}

.nav.mxh-header .nav-item:first-child a {

  background-color: transparent;

  color: var(--secondarycolor);

}

header .holine {

  margin: 0;

  color: #ff0000;

  font-size: 20px;

}

.nav.mxh-header .nav-item a:hover {

}

.hotline-theme {

  background-color: #f00 !important;

  color: #fff !important;

}

.facebook-theme {

  background-color: #3b5998 !important;

  color: #fff !important;

}

.youtube-theme {

  background-color: #ff0000 !important;

  color: #fff !important;

}

.twitter-theme {

  background-color: #1da1f2 !important;

  color: #fff !important;

}

.instagram-theme {

  background: linear-gradient(

    45deg,

    #405de6,

    #5851db,

    #833ab4,

    #c13584,

    #e1306c,

    #fd1d1d

  ) !important;

  color: #fff !important;

}

header .img-decor {

  height: 140px;

  margin-bottom: -32px;

  margin-right: 5px;

}

header .phone-container > .row {

  --bs-gutter-x: 0.5rem;

}

header .phone-container p {

  margin-bottom: 0;

  font-family: Roboto;

  color: var(--darkColor);

  text-transform: uppercase;

  font-weight: bold;

  font-size: 16px;

}



section {

  position: relative;

  padding-bottom: 1rem;

  padding-top: 1rem;

  overflow: hidden;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

section .title {

  margin-top: 0;

  margin-bottom: 1.5rem;

}



section .background {

  position: absolute;

  z-index: -1;

}



.thong-tin {

  font-family: var(--primaryFont);

}



.thong-tin > *:last-child {

  margin: 0;

}



.bg--primary {

  background-color: var(--primarycolor) !important;

}



.bg--secondary {

  background-color: var(--secondarycolor) !important;

}



.text--primary {

  color: var(--primarycolor) !important;

}

.text--trans {

  color: transparent;

}



.text--secondary {

  color: var(--secondarycolor) !important;

}



.btn-cart {

  color: var(--secondarycolor);

  font-size: 2.8rem;

}



.hotline-label {

  margin: 0;

  font-size: 1.3rem;

  font-weight: bold;

}



.slogan {

  font-size: 16px;

  margin: 0;

}



.img-bo-cong-thuong {

  height: 80px;

}



.box-visited > span {

  padding: 0 0.5rem;

  border-right: 1px solid var(--lightColor);

}



.box-visited > span:last-child {

  border: 0;

}



.padding {

  /* padding-top: 120px; */

}



.padding .nav-custom {

  /* background-color: var(--primarycolor50); */

}



.price {

  color: var(--secondarycolor);

}



/* End set up */



/* pagination-page */



.pagination-page {

  margin-top: 1rem;

  text-align: center;

}



.pagination-page > span,

.pagination-page a {

  display: inline-block;

  width: 30px;

  height: 30px;

  line-height: 30px;

  color: var(--primarycolor);

  font-size: 16px;

  border: 1px solid;

  font-weight: bold;

}



.pagination-page a:first-child,

.pagination-page a:last-child {

  background-color: var(--lightColor);

  color: var(--primarycolor);

}



.pagination-page a:hover,

.pagination-page > span {

  color: var(--lightColor);

  background-color: var(--primarycolor);

}



.pagination-page a:hover {

  text-decoration: underline;

}



/* End pagination-page */



/* breadcrumb */



.breadcrumb {

  float: right;

  border-bottom: none;

  margin-top: -30px;

  background-color: transparent;

  padding: 0px;

  margin-bottom: 0px;

  padding-bottom: 0px;

  font-family: var(--breadcrumbFont);

}



.breadcrumb > li a {

  color: var(--breadcrumbColor);

  text-transform: uppercase;

}



.breadcrumb .breadcrumb-item.active span {

  color: var(--breadcrumbActiveColor);

}

.breadcrumb-item + .breadcrumb-item::before {

  color: var(--breadcrumbColor);

}

/* End breadcrumb */



/* general */



.ten-cong-ty {

  color: var(--secondarycolor);

  text-transform: uppercase;

  text-align: center;

  font-family: var(--tencongtyFont);

  margin: 0;

  padding: 0;

  font-size: 36px;

  font-weight: 800;

}



.hotline {

  color: var(--secondarycolor);

  font-family: var(--thirdFont);

  display: flex;

  align-items: center;

  gap: 5px;

  font-weight: 800;

  font-size: 16px;

}



.hotline .label {

  color: var(--primarycolor);

}



.email {

  color: var(--secondarycolor);

  margin: 0;

}



.bg-red {

  background-color: #e70200 !important;

}



.widget-container a {

  color: var(--secondarycolor);

  font-size: 1.1rem;

  margin-left: 0.5rem;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: var(--titleFont);

}

.p-m-0 p {

  margin-bottom: 0;

}

.vertical-center {

  display: flex;

  align-items: center;

}

.horizontal-center {

  display: flex;

  justify-content: center;

}

.text-hotline {

  display: block;

  color: #ff0000;

  font-family: var(--primaryFont);

  font-weight: bold;

  font-size: 18px;

}

.label-hotline {

  display: block;

  color: var(--darkColor);

  font-size: 16px;

  font-weight: 500;

}

/* End general */



/* search-form */



.form-search {

  position: absolute;

  top: 35px;

  right: 0;

  z-index: 1;

  display: none;

  padding-left: 40px;

}



.form-search.on-mobile {

  position: unset;

  display: block;

}



.form-search.on-mobile form input {

  width: 100%;

}



.form-search form {

  position: relative;

}



.form-search form .btn-search {

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  border: 0;

  margin: auto 0;

  outline: 0;

  box-shadow: none;

  width: calc(40px * 1);

  height: calc(37px * 1);

  font-size: 16px;

  color: var(--darkColor);

  background-color: var(--primarycolor);

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  background-color: transparent;

  padding: 0;

}

.form-search form .btn-search img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}



.form-search form input {

  outline: 0;

  height: 40px;

  width: 300px;

  border: 0;

  font-size: 13px;

  padding: 5px 10px;

  padding-right: 35px;

  color: var(--darkColor);

  background-color: var(--lightColor);

  border-radius: 0px;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  -o-border-radius: 0px;

  border: 1px solid #ccc;

  box-shadow: 0 0 5px #444;

}

.form-search form input::placeholder {

  color: var(--darkColor);

}

.form-search form input:-webkit-autofill,

.form-search form input:-webkit-autofill:hover,

.form-search form input:-webkit-autofill:focus {

  border: 2px solid var(--darkColor);

  -webkit-text-fill-color: var(--darkColor);

  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset;

  transition: background-color 5000s ease-in-out 0s;

}

/* End search-form */



/* nav-custom */



.nav-custom {

  color: var(--navColor);

  background-color: var(--navBackground);

  box-shadow: var(--navShadown);

  color: var(--navColor);

  z-index: 2;

  position: sticky;

  top: -150px;

  left: 0;

  width: 100%;

  z-index: 1055;

  /* transition: top 0.5s ease-in;

  -webkit-transition: top 0.5s ease-in;

  -moz-transition: top 0.5s ease-in;

  -ms-transition: top 0.5s ease-in;

  -o-transition: top 0.5s ease-in; */

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  box-shadow: 0 5px 4px #4444446e;

}

.nav-custom .navbar-nav {

  position: relative;

  gap: 3rem;

}

.nav-custom .navbar-nav::before {

  /* content: "";

  position: absolute;

  width: 160px;

  height: 32px;

  top: -33px;

  left: 0;

  right: 0;

  margin: 0 auto;

  background-image: url("../images/nav-decoration.png");

  background-repeat: no-repeat;

  background-size: 100%;

  background-position: center; */

}

.nav-custom .form-search.on-mobile form input {

  width: 120px;

}

.nav-custom.fixed {

  position: fixed !important;

  top: 0 !important;

  left: 0 !important;

  width: 100% !important;

  z-index: 1055 !important;

  box-shadow: 0 5px 4px #4444446e !important;

  background-color: var(--lightColor);

  color: var(--darkColor);

}



.nav-custom .navbar-nav.justify-content-end > .nav-item:last-child > .nav-link {

  padding-right: 0;

}



.nav-custom .navbar-nav > .nav-item {

  display: flex;

  align-items: center;

  position: relative;

}



.nav-custom .nav-item .nav-link,

.nav-custom .navbar-brand {

  font-family: var(--navFontPrimary);

  color: inherit;

  font-size: 16px;

  position: relative;

  text-transform: uppercase;

  padding: 0.7rem 0px;

}

.nav-custom .navbar-brand {

  padding: 0;

}

.nav-custom .navbar-nav.justify-content-between .nav-item .nav-link,

.nav-custom .navbar-nav.justify-content-between .navbar-brand {

  /* padding-left: 0;

  padding-right: 0; */

  text-transform: uppercase;

}



.nav-custom .navbar-brand {

  padding-left: 0 !important;

  margin-left: 0;

  margin-right: 0;

}



.nav-custom .navbar-nav > .nav-item > .nav-link {

  margin: 0;

  position: relative;

}

.nav-custom .navbar-nav > .nav-item > .nav-link::before {

  /* content: "";

  position: absolute;

  bottom: 2px;

  left: 0;

  width: 0%;

  height: 4px;

  background-color: var(--navActiveColor);

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s; */

}

.nav-custom .navbar-nav > .nav-item > .nav-link.active,

.nav-custom .nav-item > .nav-link:hover,

.nav-custom .navbar-brand:hover {

  color: inherit;

  /* color: var(--navActiveColor); */

  /* background-color: var(--navActiveColor); */

}

.nav-custom .navbar-nav > .nav-item > .nav-link.active::before,

.nav-custom .nav-item:hover > .nav-link::before,

.nav-custom .nav-item > .nav-link:hover::before {

}



.nav-custom .nav-item:last-child > .nav-link::before {

}



.nav-custom .navbar-nav > .nav-item > .nav-link::after {

}

.nav-custom .navbar-nav > .nav-item > .nav-link.active:after,

.nav-custom .navbar-nav > .nav-item > .nav-link:hover:after {

  /* content: "";

  position: absolute;

  width: 4px;

  height: 4px;

  background-color: var(--primarycolor);

  top: 0;

  bottom: 0;

  left: -7px;

  transform: rotateZ(45deg);

  -webkit-transform: rotateZ(45deg);

  -moz-transform: rotateZ(45deg);

  -ms-transform: rotateZ(45deg);

  -o-transform: rotateZ(45deg);

  margin: auto 0; */

}



.nav-custom .navbar-nav > .nav-item:last-child > .nav-link:after {

}



.nav-custom .navbar-nav > .nav-item > .nav-link:focus {

  color: var(--navFocusColor);

}



.nav-custom .navbar-nav > .nav-item:last-child > .nav-link {

  /* padding-right: 0; */

}

.top-header .dropdown-menu,

.nav-custom .dropdown-menu {

  /*position: relative;

  */

  top: 100%;

  left: 0;

  min-width: 18rem;

  background-color: var(--navDropdownBackground);

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);

  border: 0;

  z-index: 1060;

}



.nav-custom .dropdown2 > .dropdown-menu::before {

  z-index: 10;

  opacity: 1;

  border: solid transparent;

  content: "";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: rgba(221, 221, 221, 0);

  border-bottom-color: var(--navDropdownBackground);

  border-width: 8px;

  top: -16px;

  left: 20px;

}

.nav-custom .dropdown3 > .dropdown-menu {

  right: unset;

  left: 100%;

  top: 0;

}



.nav-custom .dropdown-menu .nav-item .nav-link {

  width: 100%;

  background: unset;

  color: var(--navDropdownColor);

  padding: 7px 15px;

  transition: all 0.3s;

  margin: 0;

}



.nav-custom .dropdown-menu .nav-item .nav-link:hover {

  background-color: var(--navDropdownActiveColor);

  color: var(--lightColor);

}



.nav-custom .sub-nav ul {

  display: none;

  position: absolute;

  min-width: 15rem;

  background-color: #fff;

  border: 1px solid #ccc;

}



.nav-custom .sub-nav:hover ul {

  display: block;

  top: 0;

  right: -110%;

  padding: 10px 0;

  border-radius: 5px;

}



/* End nav-custom */



/* gio-hang-container */



.gio-hang-container {

  display: flex;

  align-items: center;

}

.gio-hang-container img {

  height: 27px;

  width: 37px;

  object-fit: contain;

}



.gio-hang-container > span {

  border: 1px solid var(--lightColor);

  border-left: 0;

  height: 27px;

  margin-left: -4px;

  display: flex;

  align-items: center;

  font-size: 13px;

  gap: 5px;

  border-top-right-radius: 50px;

  border-bottom-right-radius: 50px;

  padding-right: 2px;

  white-space: nowrap;

}

.gio-hang-container > span > span {

  display: inline-block;

  width: 21px;

  height: 21px;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  background-color: var(--lightColor);

  color: var(--primarycolor);

  text-align: center;

  font-size: 14px;

  font-weight: 900;

}



/* End gio-hang-container */



/* footer */

.row.row-footer {

  --bs-gutter-y: 1.5rem;

}

footer .p-no-margin p {

  margin-bottom: 0.25rem;

}

footer {

  color: var(--darkColor);

  font-family: var(--footerPrimaryFont);

  overflow: hidden;

}

footer .title {

  margin-top: 0;

  margin-bottom: 1.5rem;

}

.bg-footer {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  padding-top: 1rem;

  background-color: var(--lightColor);

  color: var(--darkColor);

}



footer .logo img {

  height: 80px;

}



footer .ten-cong-ty {

  font-size: 3.2rem;

}



footer a {

  color: inherit;

}



footer a:hover {

  text-decoration: underline;

}



footer .title-f {

  font-size: 18px;

  font-family: var(--titleFooterFont);

  margin-bottom: 1.5rem;

  margin-top: 0;

  display: block;

}



footer .title-f.has-line {

  position: relative;

}



footer .title-f.has-line::after {

  /* content: "";

  display: block;

  height: 1px;

  width: 28px;

  position: absolute;

  bottom: -2px;

  left: 0;

  background-color: var(--lightColor); */

}



footer .title-f.has-line::before {

  content: "";

  display: block;

  height: 2px;

  width: 63px;

  position: absolute;

  bottom: -5px;

  left: 0;

  background-color: var(--lightColor);

}



footer .nav .nav-link {

  padding: 0;

  display: block;

  width: 25px;

  height: 25px;

  background-repeat: no-repeat;

  background-size: 120%;

  background-position: center;

  border-radius: 50%;

  line-height: 1.8;

  font-size: 15px;

  text-align: center;

  color: #f9edef;

  background-color: #9d9697;

}

footer .nav .nav-link.no-fill {

  color: var(--lightColor);

  background-color: transparent;

}



footer .col-icon i {

  border-radius: 50%;

  width: 35px;

  height: 35px;

  border: 1px solid var(--lightColor);

  font-size: 20px;

  color: var(--darkColor);

  background-color: var(--lightColor);

  line-height: 1.6;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

}



footer .chantrang {

  background-color: var(--lightColor);

  padding: 0;

  font-size: 14px;

  padding: 5px 0;

}



footer .chantrang a {

  color: inherit;

}



footer ul {

  padding-left: 0;

  list-style: none;

}



footer ul.nav-hor {

  display: inline-block;

}



footer ul li {

  font-size: 14px;

}



footer .map {

  height: 100%;

}

footer .map iframe {

  height: inherit;

}



footer iframe {

  width: 100%;

}



.mxh-icon {

  color: #b5b5b5;

}



footer .xemthem {

  font-style: italic;

  display: block;

}



footer .nav-f > li {

  display: inline;

}



footer .nav-f > li > a {

  padding: 0 0.5rem;

  border-right: 1px solid var(--lightColor);

}



footer .nav-f > li:last-child > a {

  border: 0;

  padding-right: 0;

}

.logo-footer {

  margin-bottom: 1rem;

  text-align: center;

}

.logo-footer img {

  height: 80px;

}



ul.lien-ket-nhanh .nav-link {

  display: inline-block;

  padding-left: 12px;

  color: var(--darkColor);

  padding-top: 0;

  padding-bottom: 0;

}



ul.lien-ket-nhanh .nav-link:hover {

  color: var(--linkHoverColor);

}



footer .col-img img {

  width: 100%;

  height: 75px;

  object-fit: cover;

  object-position: center;

  border: 2px solid var(--lightColor);

}

footer .has-border-left {

  border-left: 1px solid currentColor;

}

footer .tintuc-footer .info .tieu-de {

  color: inherit;

  font-family: Roboto;

}

footer .tintuc-footer .img-container {

  height: 80px;

}

footer .tintuc-footer .img-container img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

footer ul.has-dot li::before {

  content: "\f111";

  font-family: "FAS";

  font-size: 5px;

  display: inline-block;

  vertical-align: middle;

}

.map-footer {

  margin-bottom: -5px;

}

.map-footer iframe {

  height: 400px;

}

.thongke {

  padding: 7px 10px;

  background-color: var(--lightColor);

  color: var(--primarycolor);

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 10px;

  font-weight: 500;

}

footer .thongke:last-child {

  margin-bottom: 0;

}



/* End footer */



/* danh-muc-san-pham */



#danh-muc-san-pham {

  background-color: #ff5c4d;

}



#danh-muc-san-pham .title {

  color: #fff;

}



.danh-muc {

  display: flex;

  text-align: center;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

}



.danh-muc .img-container {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  height: auto;

  padding: 20px;

  border-radius: 5px;

}



.danh-muc .ten-danh-muc {

  width: 100%;

}



.danh-muc .ten-danh-muc a {

  text-transform: uppercase;

  color: #fff;

  font-family: var(--primaryFont);

  font-weight: bold;

  font-size: 16px;

}



.danh-muc .border-on-hover {

  margin-bottom: 10px;

  padding: 10px;

  border: 3px solid rgba(255, 255, 255, 0);

  width: 100%;

}



.danh-muc .border-on-hover:hover {

  border: 3px solid #fff;

  border-radius: 5px;

  width: 100%;

}



/* End danh-muc-san-pham */



/* sp-moi-card */



.sp-moi-card {

  padding-right: 10px;

}



.img-container {

  display: flex;

  justify-content: center;

  align-items: center;

}

.img-container img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}



.img-container-2 {

  padding-bottom: 100%;

  overflow: hidden;

  height: auto;

  display: block;

  position: relative;

}

.img-container-2 img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.img-container-3 {

  padding-bottom: 66%;

  overflow: hidden;

  height: auto;

  display: block;

  position: relative;

}

.img-container-3 img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.img-container-4 {

  padding-bottom: 50%;

  overflow: hidden;

  height: auto;

  display: block;

  position: relative;

}

.img-container-4 img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.sp-moi-card .img-container {

  margin-bottom: 20px;

}



.sp-moi-card .img-container img {

  max-height: 250px;

  object-fit: cover;

  width: 100%;

  border-radius: 5px;

}



.info {

}



.info .tieu-de {

  font-family: var(--titleFont);

  color: var(--primarycolor);

}



.info .mo-ta {

  font-family: var(--descriptionFont);

}



.info .date {

}



.info .date span {

  font-size: 14px;

  padding: 0 5px;

}



.ten-sp {

  color: var(--primarycolor);

  font-weight: bold;

  font-family: var(--titleFont4);

}



.chitiettin {

  margin-top: 1rem;

  color: var(--darkColor);

}



.info .ten-sp,

.info .ten-sp a,

.info .xuat-xu,

.info .date {

  color: #939597;

  margin: 0;

  font-size: 14px;

}



.info .ten-sp a:hover {

  color: #ef0003;

  text-decoration: underline;

}



.gia {

  color: #ff1414;

  font-size: 16px;

}



.old {

  text-decoration: line-through;

  color: #999;

}

.chi-tiet-san-pham .gia {

  font-size: 32px;

}



.btn-mua {

  background-color: var(--primarycolor);

  color: var(--lightColor);

}



.btn-mua:hover {

  color: var(--secondarycolor);

}



.info .btn-xem-them {

  padding: 0;

  color: rgba(0, 0, 0, 0.5);

}



.info .btn-xem-them:hover {

  color: #000;

}



/* End sp-moi-card */



/* dang-ky-khuyen-mai */



#dang-ky-khuyen-mai {

  background-color: #ff5c4d;

}



#dang-ky-khuyen-mai .col-left {

  color: #fff;

}



#dang-ky-khuyen-mai .title {

  text-transform: uppercase;

  color: #fff;

  margin: 0;

}



/* End dang-ky-khuyen-mai */



/* sp-km-card */



.sp-km-double-card {

  display: flex !important;

  justify-content: center;

  flex-wrap: wrap;

}



.sp-km-card {

  width: 90%;

  text-align: center;

  margin-bottom: 10px;

  background-color: #fff;

  border-radius: 5px;

  padding: 10px 20px;

  margin-bottom: 3em;

}



.sp-km-card .img-container {

  display: flex;

  justify-content: center;

  align-items: center;

}



.sp-km-card .img-container img {

  max-height: 120px;

}



/* End sp-km-card */



/* san-pham */



.san-pham {

}



.san-pham ul {

  width: 100%;

  list-style-type: none;

  margin: 0;

  padding: 0;

  background-color: #fff;

  display: flex;

  justify-content: start;

  padding-top: 10px;

  padding-bottom: 10px;

}



.san-pham ul li {

  display: inline-block;

}



.san-pham ul li a {

  padding: 10px 20px;

  text-transform: uppercase;

  color: #939597;

  font-size: 16px;

  border-left: 1px solid #939597;

}



.san-pham ul li a:hover {

  color: #000;

}



.san-pham ul li:first-child a {

  border: 0;

  padding-left: 0;

}



/* End san-pham */



/* san-pham-card */



.san-pham-card {

  width: 95% !important;

  background-color: #fff;

  padding: 10px;

  border-radius: 5px;

  box-shadow: 0px 0px 5px #ccc;

  transition: all 0.3s;

}



.san-pham-card:hover {

  background-color: #b92010;

}



.san-pham-card:hover * {

  color: #fff !important;

}



.san-pham-card .img-container img {

  max-height: 150px;

}



/* End san-pham-card */



/* thong-tin-footer */



#thong-tin-footer {

  background-position: center bottom;

  background-size: cover;

}



#thong-tin-footer ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}



#thong-tin-footer .title {

  font-family: var(--primaryFont);

}



#thong-tin-footer ul li {

  margin-bottom: 10px;

}



#thong-tin-footer ul li a {

  color: #939597;

}



/* thong-tin-footer */



/* btn-primary */



.btn--primary {

  color: var(--lightColor);

  background-color: var(--primarycolor);

  border-color: var(--primarycolor);

  font-weight: bold;

  text-transform: uppercase;

  font-size: 0.9rem;

  padding-right: 1.2rem;

  padding-left: 1.2rem;

  border: 4px double var(--lightColor);

}



.btn--primary:hover {

  background-color: var(--lightColor);

  color: var(--primarycolor);

  border-color: var(--primarycolor);

}



.btn--primary:focus {

  color: var(--lightColor);

  background-color: var(--secondarycolor);

  border-color: var(--lightColor);

  box-shadow: 0 0 0 0.05rem var(--lightColor);

}



.nav-custom .dropdown-menu.menu-dm-sp {

  background-color: #ffffffe3;

  left: 50%;

  top: 115%;

  padding: 0;

  padding: 1rem 0;

  transform: translateX(-50%);

}



.nav-custom .dropdown-menu.menu-dm-sp .dropdown-item {

  color: var(--primarycolor);

  padding: 0.2rem 2.3rem;

}



.nav-custom .dropdown-menu.menu-dm-sp .dropdown-item:hover {

  background-color: var(--primarycolor);

  color: var(--secondarycolor);

}



/* End btn-primary */



/* tinlienquan */



.tinlienquan {

  list-style-type: none;

  margin: 0;

  padding: 0;

}



.tinlienquan li a {

  color: #000;

  font-size: 16px;

}



.tinlienquan li a:hover {

  color: var(--linkHoverColor);

}



.dropdown.dropdown-danhmuc:hover > .dropdown-menu.dropdown-menu-danhmuc {

  display: none;

}

.dropdown-menu.dropdown-menu-danhmuc.show {

  display: block !important;

}

.btn.dropdown-toggle {

  display: flex;

  align-items: end;

  border-radius: 50px;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  -ms-border-radius: 50px;

  -o-border-radius: 50px;

  background-color: var(--secondarycolor);

  color: var(--primarycolor);

  text-align: center;

  text-transform: uppercase;

  padding: 4px 15px 5px 15px;

  font-size: 18px;

}

.btn.dropdown-toggle i.icon {

  transform: translateX(9px);

  -webkit-transform: translateX(9px);

  -moz-transform: translateX(9px);

  -ms-transform: translateX(9px);

  -o-transform: translateX(9px);

}

i.icon {

  font-style: normal;

  text-transform: none;

  display: inline-block;

  width: 30px;

  height: 30px;

  background-color: var(--lightColor);

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  padding: 3px;

  line-height: 1.4;

  font-size: 16px;

  position: relative;

  z-index: 2;

  box-shadow: 0 0 10px #44444487;

  text-align: center;

}

i.icon::before {

  content: "";

  display: block;

  width: 15px;

  height: 6px;

  position: absolute;

  top: -4px;

  left: 0;

  right: 0;

  margin: 0 auto;

  background-color: var(--lightColor);

  z-index: -1;

}

.icon-link {

}

.icon-link i.icon {

  width: 40px;

  height: 40px;

  padding: 4px;

}

.icon-link i.icon::before {

  width: 20px;

  height: 20px;

  top: -8px;

}

.dropdown.dropdown-danhmuc {

  margin-right: 2rem;

}

.dropdown-menu.dropdown-menu-danhmuc {

  margin-top: 0.125rem;

  width: 13rem;

  min-width: unset;

  left: 50%;

  transform: translateX(-50%);

  background-color: var(--primarycolor75);

  color: var(--lightColor);

  box-shadow: none;

  padding: 0;

  max-height: 70vh;

  overflow: auto;

}

/* width */

.dropdown-menu.dropdown-menu-danhmuc::-webkit-scrollbar {

  width: 2px;

}



/* Track */

::-webkit-scrollbar-track {

  background: var(--secondarycolor25);

}



/* Handle */

::-webkit-scrollbar-thumb {

  background: var(--secondarycolor50);

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

  background: var(--secondarycolor75);

}

.dropdown-menu.dropdown-menu-danhmuc li {

  border-bottom: 1px solid rgba(255, 255, 255, 0.75);

  padding: 0.5rem 1rem;

  color: inherit;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.dropdown-menu.dropdown-menu-danhmuc .dropdown-item {

  display: inline;

  width: auto;

  color: inherit;

  padding: 0;

  font-size: 14px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  max-width: 80%;

}

.dropdown-menu.dropdown-menu-danhmuc .dropdown-item:focus,

.dropdown-menu.dropdown-menu-danhmuc .dropdown-item:hover {

  background-color: unset;

}

.dropdown-menu.dropdown-menu-danhmuc .dropdown-item.collapsed.icon::before {

  content: "\2b";

  font-family: "FAS";

}

.dropdown-menu.dropdown-menu-danhmuc .dropdown-item.icon::before {

  content: "\f068";

  font-family: "FAS";

}

.dropdown-menu.dropdown-menu-danhmuc li:hover {

  background-color: var(--secondarycolor75);

}

.dropdown-menu.dropdown-menu-danhmuc > li:last-child > .dropdown-item {

  border-bottom: 0;

}

i.icon > *:first-child {

  display: inline-block;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  background-color: var(--secondarycolor);

  color: var(--primarycolor);

  text-align: center;

}



.btn.dropdown-toggle::after {

  content: unset;

}



/* End tinlienquan */



/* item-product-card */



.item-product-card {

  margin-bottom: 1rem;

  background-color: #f8f9fb;

  padding: 0.5rem;

}



.item-product-card .img-container {

  position: relative;

  overflow: hidden;

}



.item-product-card .img-container .bg-km {

  position: absolute;

  top: 0;

  right: 0;

  width: 0;

  height: 0;

  border-top: 70px solid red;

  border-left: 70px solid transparent;

}



.item-product-card .img-container .phan-tram-km {

  position: absolute;

  color: var(--secondarycolor);

  top: 10px;

  right: 2px;

  font-weight: bold;

}



.item-product-card:hover img {

  transform: scale(1.2);

}



.item-product-card img {

  border-radius: 3px;

  box-shadow: 1px 1px 6px #000;

  height: 200px;

  width: 100%;

  transition: all 0.3s;

  object-fit: contain;

}



.item-product-card .info .mo-ta {

  margin-bottom: 0.5rem;

  color: var(--darkColor);

}



.item-product-card .info {

}



.item-product-card .info .ten-sp {

  color: var(--primarycolor);

  font-weight: bold;

  font-size: 1.2rem;

  margin-bottom: 0.5rem;

  text-transform: uppercase;

}



.item-product-card .info .ten-sp:hover {

  text-decoration: underline;

}



.gia {

  margin-bottom: 0.5rem;

}



.gia.old {

  text-decoration: line-through;

  margin-left: 1rem;

  color: var(--darkColor);

}



.item-product-card .info .btn-addcart {

  background-color: var(--primarycolor);

  color: var(--secondarycolor);

  padding: 0rem 1.1rem;

  border: 6px double var(--primarycolor);

  border-radius: 10px;

}



/* End item-product-card */



/* dich-vu-chung-toi */

.tintuc-slick-vertical {

  position: relative;

  padding-top: 5rem;

}

.tintuc-slick-vertical .hinh_anh_trang_tri {

  position: absolute;

  top: 0;

  left: -13px;

}

.tintuc-slick {

  margin-right: -3rem;

}

.slick-tintuc-2 {

  margin: 0 -15px;

}

.slick-tintuc-2 .tintuc-card {

  margin: 15px;

}



.tintuc-slick .tintuc-card {

  padding-top: 2rem;

  margin-right: 3rem;

}



.tintuc-card {

  background-color: var(--lightColor);

}



.tintuc-card .img-container {

  position: relative;

  overflow: hidden;

  height: 300px;

  margin-bottom: 0.5rem;

}



.tintuc-card .img-container::after {

  /* position: absolute;

    content: "";

    width: 90%;

    height: 100%;

    z-index: -1;

    background-color: var(--primarycolor);

    border-radius: 5px;

    top: -8px;

    right: 0; */

}



.tintuc-card .img-container .date-container {

  position: absolute;

  top: -20px;

  right: -20px;

  background-image: url(../images/date-bg.png);

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;

  height: 55px;

  width: 55px;

}



.tintuc-card .img-container .date-container > div {

  position: relative;

  width: 100%;

  height: 100%;

}



.tintuc-card .img-container .date-container > div > * {

  position: absolute;

  color: #f6ff00;

  font-weight: bold;

}



.tintuc-card .img-container .date-container > div > .date {

  top: 10px;

  left: 10px;

}



.tintuc-card .img-container .date-container > div > .month {

  bottom: 8px;

  right: 7px;

}



.tintuc-card {

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

}

.tintuc-card img {

  object-fit: cover;

  width: 100%;

  height: 100%;

  transition: all 0.3s;

}



.tintuc-card:hover {

  transform: translateY(-6px);

}



.tintuc-card .info {

  text-align: center;

  position: relative;

}

.tintuc-card .info .date {

  color: #8d8d8d;

}

.tintuc-card .info .date .text--primary {

  color: #005bf3 !important;

  margin-right: 0.3rem;

}



.tintuc-card .info .date-container {

  background-color: #556b9e;

  color: var(--lightColor);

  text-align: center;

  z-index: 1;

  width: 100px;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  -o-border-radius: 20px;

  border: 5px solid var(--lightColor);

  transform: translate(-15px, -50px);

  -webkit-transform: translate(-15px, -50px);

  -moz-transform: translate(-15px, -50px);

  -ms-transform: translate(-15px, -50px);

  -o-transform: translate(-15px, -50px);

}

.tintuc-card .info .date-container p {

  margin-bottom: 0;

  color: var(--lightColor);

  font-size: 28px;

}

.tintuc-card .info .date-container p.date {

  text-decoration: underline;

  text-underline-offset: 10px;

}

.text-start .tintuc-card .info {

  text-align: start;

}



.tintuc-card .info .tieu-de {

  font-size: 16px;

  margin-bottom: 0.5rem;

  font-family: Roboto;

  color: var(--darkColor);

  font-weight: bold;

  text-transform: uppercase;

  display: flex;

  align-items: center;

  justify-content: center;

}



.tintuc-card .info .tieu-de:hover {

  text-decoration: underline;

}



.tintuc-card .info .mo-ta {

  text-align: start;

  margin-bottom: 0.5rem;

}



.tintuc-card .info .btn-readmore {

  padding: 0.8rem 1rem;

}



.tintuc-card .btn--primary {

  font-family: var(--buttonFont2);

}



.tintuc-card.horiz .info {

}



.tintuc-card.horiz .thong-so {

  text-align: center;

  color: #6f6d6d;

}



.tintuc-card.horiz .info .tieu-de {

  font-size: 1.3rem;

  font-weight: bold;

  font-family: var(--titleFont4);

  text-align: center;

  display: block;

}



.tintuc-card.horiz .info .mo-ta {

  margin-bottom: 0.5rem;

  text-align: center;

}



.tintuc-card.verti .info {

  margin-top: 5px;

  padding-left: 0;

  display: flex;

  align-items: center;

}



.tintuc-card.verti .info .tieu-de {

  margin-bottom: 5px;

  font-size: 1.1rem;

}



.tintuc-card.verti .info .mo-ta {

  line-height: 1.2;

}



.tintuc-card.horiz .img-container {

  padding: 0.5rem 0;

}



.tintuc-card.verti .img-container {

  height: 130px;

}



.tintuc-card.horiz,

.tintuc-card.horiz .img-container img {

}



.tintuc-card.verti,

.tintuc-card.verti .img-container img {

}

.tin-tuc-cu-the {

  padding-bottom: 4rem;

}

.row.row-tin-tuc-cu-the {

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 3rem;

}

.row.row-dichvu {

  --bs-gutter-x: 3rem;

  --bs-gutter-y: 3rem;

}

.tintuc-card-2 {

  position: relative;

}

.tintuc-card-2 .img-container {

  height: 300px;

  overflow: hidden;

  box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);

  margin-bottom: 0.5rem;

}

.tintuc-card-2 .img-container img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

}

.tintuc-card-2:hover .img-container img {

  transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

}

.tintuc-card-2 .info .tieu-de {

  color: var(--lightColor);

  font-family: var(--thirdFont);

  font-weight: 500;

  text-transform: uppercase;

  font-size: 18px;

}

.tintuc-2 {

}

.tintuc-2 .title {

  font-weight: 700;

  font-size: 28px;

}

.row.row-tintuc {

  --bs-gutter-y: 3rem;

  --bs-gutter-x: 2rem;

}

.row.row-tintuc .tintuc-card-3 {

  background-color: #f5f5f5;

}

.tintuc-3 {

  padding: 5rem 0;

  overflow: hidden;

  position: relative;

}

.tintuc-3 .hinh_anh_trang_tri {

  position: absolute;

  bottom: 40px;

  right: -15px;

}

.tintuc-3 .title {

  font-size: 34px;

}

.tintuc-3 .boder-decoration {

  border: 2px dashed var(--primarycolor);

  padding: 40px;

  margin: -40px;

  position: relative;

}

.tintuc-3 .boder-decoration:before,

.tintuc-3 .boder-decoration:after,

.tintuc-3 .boder-decoration > :first-child:before,

.tintuc-3 .boder-decoration > :first-child:after {

  position: absolute;

  width: 30px;

  height: 30px;

  border-color: var(--primarycolor); /* or whatever colour */

  border-style: dashed; /* or whatever style */

  content: " ";

}

.tintuc-3 .boder-decoration:before {

  top: -20px;

  left: -20px;

  border-width: 2px 0 0 2px;

}

.tintuc-3 .boder-decoration:after {

  top: -20px;

  right: -20px;

  border-width: 2px 2px 0 0;

}

.tintuc-3 .boder-decoration > :first-child:before {

  bottom: -20px;

  right: -20px;

  border-width: 0 2px 2px 0;

}

.tintuc-3 .boder-decoration > :first-child:after {

  bottom: -20px;

  left: -20px;

  border-width: 0 0 2px 2px;

}

.tintuc-card-3 {

}

.tintuc-card-3:hover {

}

.tintuc-card-3 .img-container {

  height: 135px;

}

.tintuc-card-3 .img-container img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.tintuc-card-3 .info {

  font-weight: 500;

  color: var(--primarycolor);

  font-size: 13px;

  height: 135px;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.tintuc-card-3 .info .tieu-de {

  color: var(--primarycolor);

  font-weight: 800;

  font-size: 13px;

  color: var(--primarycolor);

  text-transform: uppercase;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  font-size: inherit;

}

.tintuc-card-3 .info .mo-ta {

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  font-size: inherit;

  color: inherit;

}

.tintuc-card-3 .info .readmore {

  font-size: inherit;

  color: inherit;

}

.tintuc-card-3 .info .readmore:hover {

  text-decoration: underline;

}

.bg-tintuc-3 {

  padding: 2rem 0;

}

.bg-tintuc-3 .title {

  margin-bottom: 3rem;

}

.slick-tintuc-4 {

  margin-right: -10px;

  margin-left: -10px;

}

.slick-tintuc-4 .tintuc-card-4 {

  margin-right: 10px;

  margin-left: 10px;

}

.tintuc-card-4 {

  background-color: rgba(0, 0, 0, 0.45);

  color: var(--lightColor);

  padding: 20px;

  min-height: 300px;

}

.tintuc-card-4 .img-container {

  display: inline-block;

  width: 100px;

  height: 100px;

  padding: 15px;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  -o-border-radius: 10px;

  background-color: #efe760;

}

.tintuc-card-4 .img-container img {

  object-fit: contain;

}

.tintuc-card-4 .info .tieu-de {

  color: var(--lightColor);

  display: inline-block;

  font-size: 24px;

  margin-bottom: 1rem;

  text-transform: uppercase;

}

.tintuc-card-4 .info .mo-ta {

  margin-bottom: 1rem;

}

.tintuc-card-4 .info .readmore {

  display: block;

  color: var(--lightColor);

  font-family: Roboto;



  font-size: 18px;

  text-transform: uppercase;

}

.slick-tintuc-5 {

  margin-right: -10px;

  margin-left: -10px;

}

.slick-tintuc-5 .slick-next {

  right: -50px;

}

.slick-tintuc-5 .slick-prev {

  left: -50px;

}

.slick-tintuc-5 .tintuc-card-5 {

  margin-right: 10px;

  margin-left: 10px;

  margin-bottom: 10px;

}

.tintuc-5 {

  padding: 3rem 0;

}

.slick-cam-nang {

  margin: -5px -15px;

  margin-top: 2rem;

}

.slick-cam-nang .tintuc-card-5 {

  margin: 5px 15px;

}

.tintuc-card-5 {

  background-color: transparent;

  position: relative;

}

.tintuc-card-5 .img-container {

  height: 410px;

}

.slick-tintuc-5 .tintuc-card-5 .img-container {

  height: 239px;

}

.slick-cam-nang .tintuc-card-5 .img-container {

}

.tintuc-card-5 .info {

  padding: 10px;

  height: 110px;

  background-color: rgb(0 0 0 / 80%);

  color: #fff;

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

}



.slick-tintuc-5 .tintuc-card-5 .info {

  padding: 0;

  background-color: transparent;

  color: var(--darkColor);

  position: unset;

  padding-top: 15px;

}

.slick-tintuc-5 .tintuc-card-5:hover .info {

  background-color: rgba(0, 0, 0, 0.8);

  padding: 10px;

}

.slick-tintuc-5 .tintuc-card-5 .info .tieu-de {

  color: var(--darkColor);

  transition: none;

  -webkit-transition: none;

  -moz-transition: none;

  -ms-transition: none;

  -o-transition: none;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.slick-tintuc-5 .tintuc-card-5:hover .info .tieu-de {

  color: var(--lightColor);

}

.tintuc-card-5 .info .tieu-de {

  display: block;

  font-size: 15px;

  margin-bottom: 0.5rem;

  font-family: var(--thirdFont);

  font-weight: 500;

  color: var(--lightColor);

  text-align: start;

}

.tintuc-card-5 .info .date {

  display: block;

  color: #161616;

  margin-bottom: 0.2rem;

  font-size: 13px;

}

.tintuc-card-5 .info .mo-ta {

  font-size: 13px;

  color: #9b9d9c;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.slick-tintuc-5 .tintuc-card-5 .info .mo-ta {

  color: var(--lightColor);

  -webkit-line-clamp: 2;

}

.slick-tintuc-5 .tintuc-card-5:hover .info .mo-ta {

  color: #9b9d9c;

}

.ngaydang {

  color: #999;

}

.tintuc-card-6 .img-container {

  width: 60px;

  height: 60px;

}

.tintuc-card-6 .info .tieu-de {

  color: #000;

  display: block;

  font-weight: bold;

  font-size: 13px;

  font-family: var(--primaryFont);

}

.tintuc-card-6 .info .tieu-de:hover {

  color: var(--secondarycolor);

}

.tintuc-card-6 .info .comment {

  color: #999;

  font-size: 10px;

}

.slick-sanpham-lienquan {

  margin: 0 -10px;

}

.slick-sanpham-lienquan .sp-card-10 {

  margin: 0 10px;

}

.tintuc-card-8 {

  position: relative;

  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, 0.5);

}

.tintuc-card-8::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 80%;

  background-color: rgba(255, 255, 0, 0.5);

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  opacity: 0;

  transform: translateY(120%);

  -webkit-transform: translateY(120%);

  -moz-transform: translateY(120%);

  -ms-transform: translateY(120%);

  -o-transform: translateY(120%);

}

.tintuc-card-8:hover::before {

  opacity: 1;

  transform: translateY(0);

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

}

.tintuc-card-8 .img-container {

  height: 250px;

}

.tintuc-card-8 .info {

  position: absolute;

  bottom: 0;

  left: 0;

  background-color: rgba(0, 0, 0, 0.8);

  padding: 0 15px;

  width: 100%;

  height: 20%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.7s;

  -webkit-transition: all 0.7s;

  -moz-transition: all 0.7s;

  -ms-transition: all 0.7s;

  -o-transition: all 0.7s;

  opacity: 0;

  transform: translateY(100%);

  -webkit-transform: translateY(100%);

  -moz-transform: translateY(100%);

  -ms-transform: translateY(100%);

  -o-transform: translateY(100%);

}

.tintuc-card-8:hover .info {

  opacity: 1;

  transform: translateY(0);

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

}

.tintuc-card-8 .info .tieu-de {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

  color: var(--lightColor);

  text-transform: uppercase;

  font-size: 16px;

  font-weight: 500;

}

.tintuc-card-9 {

}

.tintuc-card-9 .img-container {

  position: relative;

  height: 350px;

  overflow: hidden;

}

.tintuc-card-9 .img-container::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(255, 255, 0, 0.5);

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  opacity: 0;

  transform: translateY(120%);

  -webkit-transform: translateY(120%);

  -moz-transform: translateY(120%);

  -ms-transform: translateY(120%);

  -o-transform: translateY(120%);

}



.tintuc-card-9:hover .img-container::before {

  opacity: 1;

  transform: translateY(0);

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

}

.tintuc-card-9 .info {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  background-color: var(--lightColor);

  color: var(--darkColor);

  height: 80px;

  padding: 0 15px;

  gap: 5px;

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

}

.tintuc-card-9:hover .info {

  color: var(--lightColor);

  background-color: var(--darkColor);

}

.tintuc-card-9 .info .tieu-de {

  font-size: 16px;

  text-transform: uppercase;

  color: inherit;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

  transition: none;

  -webkit-transition: none;

  -moz-transition: none;

  -ms-transition: none;

  -o-transition: none;

  font-weight: 500;

  text-align: center;

}

.tintuc-card-9 .info .readmore {

  display: none;

  color: inherit;

  transition: none;

  -webkit-transition: none;

  -moz-transition: none;

  -ms-transition: none;

  -o-transition: none;

}

.tintuc-card-9 .info .readmore:hover {

  text-decoration: underline;

}

.tintuc-card-9:hover .info .readmore {

  display: block;

}

.slick-tintuc-10 {

  margin: -15px;

  margin-top: -10rem;

}

.slick-tintuc-10 .tintuc-card-10 {

  margin: 15px;

}

.tintuc-card-10 {

  position: relative;

}

.tintuc-card-10 .img-container {

  height: 250px;

}

.tintuc-card-10 .info {

  position: absolute;

  background-color: var(--primarycolor75);

  text-align: center;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  width: 90%;

  height: 50px;

  margin: auto;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0 10px;

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  opacity: 0;

  transform: translateY(10px);

  -webkit-transform: translateY(10px);

  -moz-transform: translateY(10px);

  -ms-transform: translateY(10px);

  -o-transform: translateY(10px);

}

.tintuc-card-10:hover .info {

  opacity: 1;

  transform: translateY(0);

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

}

.tintuc-card-10 .info .tieu-de {

  color: var(--lightColor);

  font-family: var(--primaryFont);

  font-size: 18px;

  font-weight: 500;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

  text-transform: uppercase;

}

.tintuc-card-10 .info .tieu-de:hover {

  text-decoration: underline;

}

.tintuc-card-10 .info .mo-ta {

  text-align: start;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.du-an {

  background-color: #fff;

  margin-bottom: 2rem;

}

.du-an.has-bg {

  background-color: #fcfcfc;

}

.du-an .title {

  margin-top: 0;

  margin-bottom: 3rem;

}

.slick-du-an {

  margin: -15px;

}

.slick-du-an .tintuc-card-11 {

  margin: 15px;

}

.tintuc-card-11 {

  box-shadow: 0 0 5px hsla(0, 0%, 44%, 0.65);

  background-color: var(--lightColor);

}

.tintuc-card-11 .img-container {

  height: 350px;

}

.tintuc-card-11 .info {

  text-align: center;

  padding: 10px;

}

.tintuc-card-11 .mo-ta {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  margin-bottom: 0.5rem;

}

.tintuc-card-11 .info .tieu-de {

  font-family: var(--primaryFont);

  font-weight: 500;

  font-size: 18px;

  margin-bottom: 10px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

}

.tintuc-card-11 .btn.btn-readmore {

  background-color: transparent;

  color: #494949;

  position: relative;

  padding: 0;

  box-shadow: none;

  border: 0;

  text-transform: uppercase;

  font-weight: 500;

}

.tintuc-card-11 .btn.btn-readmore::before {

  position: absolute;

  content: "";

  background-color: var(--primarycolor);

  width: 40%;

  height: 2px;

  bottom: 0;

  left: 0;

}

.sukien .slick {

  margin: -15px;

}

.sukien .slick .tintuc-card-12 {

  margin: 15px;

}

.tintuc-card-12 {

}

.tintuc-card-12 .img-container {

  height: 200px;

}

.tintuc-card-12 .info {

}

.tintuc-card-12 .info {

  color: var(--primarycolor);

  font-size: 13px;

}

.tintuc-card-12 .info .tieu-de {

  font-size: 14px;

  font-weight: 700;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

}

.tintuc-card-12 .info .mo-ta {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.tintuc-card-12 .info .readmore {

  color: inherit;

  font-size: inherit;

}

.tintuc-card-12 .info .readmore:hover {

  text-decoration: underline;

}

.tin-tuc-7 .slick,

.tin-tuc-3 .slick {

  margin: -0.75rem;

}

.tin-tuc-7 .slick .tintuc-card-13,

.tin-tuc-3 .slick .tintuc-card-13 {

  margin: 0.75rem;

}

.tin-tuc-7 {

  padding: 0;

  margin-bottom: 1rem;

}

.tin-tuc-7 .bg-tintuc {

  background-color: var(--primarycolor);

  padding: 1rem 0;

  position: relative;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: fixed;

}

.tin-tuc-7 .bg-tintuc::before {

  position: absolute;

  content: "";

  background-color: var(--lightColor);

  width: 100%;

  height: 40px;

  top: 40px;

  left: 0;

}

.tintuc-card-13 {

  position: relative;

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  overflow: hidden;

}

.tintuc-card-13 .img-container {

  height: 518px;

  position: relative;

}

.slick .tintuc-card-13 .img-container {

  height: 200px;

}

.tintuc-card-13 .info {

  position: absolute;

  width: 100%;

  bottom: 0;

  left: 0;

  background-color: var(--lightColor);

  padding: 10px 15px;

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  color: var(--primarycolor);

}

.tintuc-card-13 .info .mo-ta {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.slick .tintuc-card-13 .info {

  padding: 10px 15px;

}

.tintuc-card-13 .info .tieu-de {

  color: inherit;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  font-weight: 800;

  font-size: 18px;

}

.slick .tintuc-card-13 .info .tieu-de,

.slick .tintuc-card-13 .info .mo-ta {

  -webkit-line-clamp: 1;

}

.slick .tintuc-card-13 .info .tieu-de {

  font-size: 13px;

}

.is-video .tintuc-card-13 .info {

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

}

.is-video .tintuc-card-13 .img-container::after {

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  margin: auto;

  content: "\f04b";

  color: var(--lightColor);

  font-family: "FAS";

  background-color: #ff1a00;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  font-size: 18px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.is-video .tintuc-card-13 .img-container {

  height: 300px;

}

.tintuc-card-14 .img-container {

  height: 280px;

  border: 2px solid var(--lightColor);

}

.tintuc-card-14 .info {

  width: 85%;

  margin: 0 auto;

  background: var(--secondarycolor);

  text-align: center;

  margin-top: -27px;

  position: relative;

  padding: 2px 10px;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.tintuc-card-14 .info .tieu-de {

  color: var(--lightColor);

  font-family: var(--primaryFont);

  font-weight: 500;

}

.tintuc-card-15 .img-container {

  height: 300px;

  margin-bottom: 0.3rem;

}

.tintuc-card-15 .info {

  text-align: center;

}

.tintuc-card-15 .info .date {

  display: inline-block;

  margin-bottom: 0.5rem;

}

.tintuc-card-15 .info .tieu-de {

  display: block;

  font-family: var(--primaryFont);

  color: #2b2b2b;

  position: relative;

  margin-bottom: 0.7rem;

  font-weight: bold;

}

.tintuc-card-15 .info .tieu-de::after {

  position: absolute;

  content: "";

  width: 50%;

  height: 1px;

  background-color: #f1d5da;

  bottom: -2px;

  right: 0;

  left: 0;

  margin: 0 auto;

}

.tintuc-card-15 .info .mo-ta {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.tintuc-card-16 {

  position: relative;

  background-color: #ff9126;

  padding: 3rem 1.5rem;

  color: var(--lightColor);

}

.tintuc-card-16::after {

  content: "";

  position: absolute;

  width: 60%;

  height: 45%;

  background-color: #ffd5ae;

  bottom: 0;

  left: 0;

  clip-path: polygon(0 0, 0% 100%, 100% 100%);

}

.tintuc-card-16.has-bg::after {

  background-color: #2b7fff;

}

.margin .tintuc-card-16.margin-this {

  margin-top: -30px;

}

.tintuc-card-16.has-bg {

  background-color: #014dc0;

}

.tintuc-card-16 .img-container-2 {

  background-color: #aa0000;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  position: relative;

  z-index: 1;

}

.tintuc-card-16.has-bg .img-container-2 {

  background-color: #082f6b;

}

.tintuc-card-16 .img-container-2 img {

  padding: 1rem;

}

.tintuc-card-16 .info {

  color: inherit;

  position: relative;

  z-index: 1;

}

.tintuc-card-16 .number {

  display: flex;

  align-items: center;

  justify-content: end;

  height: 100%;

  font-size: 66px;

  font-family: var(--titleFont);

  color: transparent;

}

.tintuc-card-16 .info .tieu-de {

  position: relative;

  color: inherit;

  text-transform: uppercase;

  font-size: 20px;

  margin-bottom: 1rem;

  transition: none;

  -webkit-transition: none;

  -moz-transition: none;

  -ms-transition: none;

  -o-transition: none;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

  font-weight: bold;

  padding-bottom: 5px;

}

.tintuc-card-16 .info .tieu-de::after {

  position: absolute;

  bottom: 0;

  left: 0;

  content: "";

  width: 60px;

  height: 1px;

  background-color: currentColor;

}

.tintuc-card-16 .info .mo-ta {

  margin-bottom: 1rem;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  overflow: hidden;

  font-weight: 300;

}

.tintuc-card-16 .info .readmore {

  color: inherit;

  text-transform: uppercase;

  font-weight: 300;

}



.tintuc-card-17 {

  box-shadow: 0 0 5px #7d7a7a, -1.5rem 1.5rem 0 hsla(0, 0%, 27%, 0.15);

}

.tintuc-card-17 img {

  object-fit: cover;

}

.tintuc-card-17 .info {

}

.tintuc-card-17 .info .mo-ta {

  font-weight: 300;

  font-size: 13px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  overflow: hidden;

}

.tintuc-card-17 .info .date {

  display: inline-block;

  color: var(--darkColor);

  background-color: var(--lightColor);

  border: 1px solid;

  padding: 0 3px;

  margin-bottom: 0.5rem;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  font-size: 13px;

}

.tintuc-card-17 .info .tieu-de {

  color: #014dc0;

  font-size: 20px;

  font-weight: bold;

  text-transform: uppercase;

  margin-bottom: 1rem;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

/* End dich-vu-chung-toi */



/* tintuc-moi */



.tintuc-moi {

  padding-top: 3rem;

  padding-bottom: 3rem;

}



/* End tintuc-moi */



/* sec-tintuc */



.sec-tintuc {

  padding: 3rem 0;

}



/* End sec-tintuc */



/* tin-tuc-3 */

.tin-tuc-3 {

}

.tin-tuc-3 .title {

  font-weight: 700;

  font-size: 26px;

  margin-bottom: 2rem;

}

/* End tin-tuc-3 */



/* sec-nha-cung-cap */



.sec-nha-cung-cap img {

  height: 200px;

  width: 200px;

  object-fit: cover;

  object-position: center center;

}



/* End sec-nha-cung-cap */



/* danh-muc-card */



.danh-muc-trang-chu {

  padding: 3rem 0;

  background-color: #f4f5f9;

}



.danh-muc-card {

  margin-right: 1rem;

}



.danh-muc-card .img-container {

  height: 200px;

}



.danh-muc-card img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 4px;

}



.danh-muc-card .tieu-de {

  text-align: center;

  margin-bottom: 0;

  margin-top: -1rem;

}



.danh-muc-card .tieu-de a {

  display: inline-block;

  padding: 0.5rem 1rem;

  text-transform: uppercase;

  color: var(--secondarycolor);

  background-color: var(--primarycolor);

  border-radius: 3px;

  box-shadow: 10px -5px 3px #0000008c;

}



/* End danh-muc-card */



/* nav-sec */



.nav.nav-tabs.nav-sec {

  border: 0;

  overflow-x: auto;

  overflow-y: hidden;

  justify-content: start;

  margin-bottom: 15px;

  white-space: nowrap;

  flex-wrap: nowrap;

  -ms-overflow-style: none;

  scrollbar-width: none;

  display: block;

  text-align: center;

}



.nav.nav-tabs.nav-sec li {

  display: inline-block;

}



.nav.nav-tabs.nav-sec::-webkit-scrollbar {

  /* display: none; */

  height: 5px;

  border-radius: 5px;

}



.nav.nav-tabs.nav-sec::-webkit-scrollbar-track {

  background: #ccc;

  border-radius: 5px;

}



/* Handle */



.nav.nav-tabs.nav-sec::-webkit-scrollbar-thumb {

  background: #0000005c;

  border-radius: 5px;

}



/* Handle on hover */



.nav.nav-tabs.nav-sec::-webkit-scrollbar-thumb:hover {

  background: var(--primarycolor);

}



.nav-tabs.nav-sec .nav-link {

  border: 0;

  border-radius: 0;

  color: var(--linkColor);

  font-size: 1rem;

  text-transform: uppercase;

}



.nav-tabs.nav-sec .nav-link:hover {

  color: var(--primarycolor);

}



.nav-tabs.nav-sec .nav-item.show .nav-link,

.nav-tabs .nav-link.active {

  color: var(--primarycolor);

}



.nav-sec-content.tab-content {

}



/* End nav-sec */



/* video-slick-main */



.video-slick-main iframe {

  width: 100%;

  height: 300px;

}



.video-slick iframe {

  width: 95%;

}



.video-slick {

  margin-right: -10px;

}



/* End video-slick-main */



/* tintuc-trangchu-card */

.tintuc-trangchu-2 {

  padding: 2rem 0;

  background-color: #808080;

}



.tintuc-trangchu-card {

  margin-bottom: 19px;

  margin-top: 35px;

}



.tintuc-trangchu-card .img-container {

}



.tintuc-trangchu-card .img-container img {

  width: 100%;

  object-fit: cover;

  height: 93.3px;

  /* height: 100px; */

}



.tintuc-trangchu-card .tieu-de {

  font-size: 15px;

  color: var(--lightColor);

  text-transform: uppercase;

}



/* End tintuc-trangchu-card */



/* dich-vu-card-trang-chu */



.dich-vu-card-trang-chu {

  padding-top: 3rem;

  padding-bottom: 3rem;

}



.dich-vu-card-trang-chu .ten-dich-vu {

  color: #ff0000;

  font-family: var(--secondaryFont);

  font-weight: bold;

  font-size: 1.5rem;

  text-transform: uppercase;

}



.dich-vu-card-trang-chu .mo-ta {

  color: var(--darkColor);

}



.dich-vu-card-trang-chu .img-container img {

  height: 300px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  box-shadow: -20px 20px 0px rgb(68 68 68 / 71%);

}



.dich-vu-card-trang-chu .img-container {

  position: relative;

}



.dich-vu-card-trang-chu .img-container::before {

  position: absolute;

  top: -15%;

  left: -15%;

  content: "";

  width: 50%;

  height: 100%;

  border: 5px solid var(--primarycolor);

  background-color: #fff;

  z-index: -1;

}



/* End dich-vu-card-trang-chu */



/* dich-vu */



.dich-vu {

  background-position: center top;

  background-repeat: no-repeat;

  background-size: cover;

  padding-bottom: 4rem;

}



.dich-vu .title {

  margin-bottom: 45px;

  margin-top: 40px;

}



.dichvu-slick {

  margin-right: -10px;

  margin-left: -10px;

}



.dichvu-slick .tintuc-card {

  margin-right: 10px;

  margin-left: 10px;

}



.dichvu-slick .dich-vu-card {

  margin-right: 10px;

  margin-left: 10px;

  margin-top: 10px;

}



.dichvu-slick .slick-dots li button:before {

  content: "\f111";

  font-family: "FAS";

  font-size: 22px;

  opacity: 1;

}



.dichvu-slick .slick-dots li.slick-active button:before {

  color: #ed1c24;

  opacity: 1;

}



.dich-vu-card .img-container {

  overflow: hidden;

  width: 180px;

  height: 180px;

  border-radius: 50%;

  box-shadow: 0 0 5px var(--primarycolor);

}



.dich-vu-card .img-container img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.dich-vu-card .info .tieu-de {

  font-size: 19px;

  margin-bottom: 1.5rem;

  text-transform: uppercase;

  display: block;

}



.dich-vu-card .info .mo-ta {

  font-weight: bold;

  font-size: 15px;

}



/* End dich-vu */



/* tintuc-trangchu-card */

.tintuc-trangchu {

  background-position: center top;

  padding-top: 3rem;

  background-size: contain;

}

.tintuc-trangchu .title {

  color: #3fb55a;

}

.tintuc-trangchu-card {

  margin-right: 1rem;

  margin-left: 1rem;

}



.tintuc-trangchu-card a {

  display: block;

  text-align: center;

  background-color: var(--lightColor);

  border-radius: 50px;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  -ms-border-radius: 50px;

  -o-border-radius: 50px;

}



.tintuc-trangchu-card a img {

  height: 250px;

  width: 100%;

  transition: all 0.3s;

  object-fit: cover;

  border-radius: 25px;

  -webkit-border-radius: 25px;

  -moz-border-radius: 25px;

  -ms-border-radius: 25px;

  -o-border-radius: 25px;

}



.slick-tintuc-trangchu .slick-next,

.slick-tintuc-trangchu .slick-prev {

  width: 30px;

  height: 30px;

  background-color: transparent;

  z-index: 1;

}



.slick-tintuc-trangchu .slick-prev {

  left: 100px;

}



.slick-tintuc-trangchu .slick-next {

  right: 115px;

}



.slick-current .tintuc-trangchu-card a img {

  transform: scaleY(1.1);

  filter: none;

  box-shadow: 0 0 3px #ff6559;

  -webkit-transform: scaleY(1.1);

  -moz-transform: scaleY(1.1);

  -ms-transform: scaleY(1.1);

  -o-transform: scaleY(1.1);

}



.tintuc-trangchu-card a img {

  filter: opacity(60%);

}



.slick-tintuc-trangchu-ten {

  text-align: center;

  margin-top: 1rem;

}



.slick-tintuc-trangchu {

  margin-top: 5rem;

}



.slick-tintuc-trangchu-ten a {

  font-size: 18px;

  color: #ff1800;

  text-transform: uppercase;

}



.slick-tintuc-trangchu-ten a:hover {

  text-decoration: underline;

}



/* End tintuc-trangchu-card */



/* slick-dots vertical */



.slick-dots.vertical {

  width: auto;

  bottom: unset;

  right: 5%;

  top: 15%;

}



.slick-dots.vertical li {

  display: block;

  margin-bottom: 5px;

}



.slick-dots.vertical li button:before {

  content: "\f111";

  font-family: "FAS";

  color: var(--primarycolor);

  font-size: 14px;

}



/* End slick-dots vertical */



/* gioi-thieu */



.gioi-thieu {

  position: relative;

}

.gioi-thieu .img-container {

  width: 350px;

  height: 350px;

  border: 10px solid var(--primarycolor);

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  overflow: hidden;

  position: relative;

}

.gioi-thieu .mo-ta {

  border-left: 30px solid var(--primarycolor);

  padding: 20px 15px;

  background: linear-gradient(

    90deg,

    rgba(33, 64, 154, 0.8) 0%,

    rgba(33, 64, 154, 1) 100%

  );

  color: var(--lightColor);

  border-top-right-radius: 30px;

  border-bottom-right-radius: 30px;

  margin-left: -30px;

  margin-bottom: calc(350px / 2);

}

.gioi-thieu .mo-ta a {

  color: var(--lightColor);

}

.gioi-thieu .mo-ta h1,

.gioi-thieu .mo-ta h2,

.gioi-thieu .mo-ta h3,

.gioi-thieu .mo-ta h4,

.gioi-thieu .mo-ta h5,

.gioi-thieu .mo-ta h6 {

  font-weight: 700;

}

/* End gioi-thieu */



/* slick-hinh-anh-footer */



.slick-hinh-anh-footer img {

  height: 290px;

  object-fit: cover;

}



/* End slick-hinh-anh-footer */



/* bai-viet-tin-tuc */



.bai-viet-tin-tuc img.background {

  bottom: 0;

  top: unset;

}



/* End bai-viet-tin-tuc */



/* tin-tuc-card-trang-chu */



.tin-tuc-card-trang-chu {

  border: 1px solid var(--primarycolor);

  border-radius: 5px;

  padding: 1rem 0;

  margin-bottom: 1rem;

  background-color: #fff;

  box-shadow: 0 0 3px var(--primarycolor);

}



.tin-tuc-card-trang-chu .date {

  border-bottom: 1px solid var(--primarycolor);

  position: relative;

}



.tin-tuc-card-trang-chu.even .date {

  padding-left: 40px;

  padding-right: 5px;

  margin-left: -55px;

}



.tin-tuc-card-trang-chu.odd .date {

  padding-left: 5px;

  padding-right: 40px;

  margin-right: -55px;

}



.tin-tuc-card-trang-chu .info .tieu-de {

  font-family: var(--titleFont3);

  margin-top: 2rem;

}



.tin-tuc-card-trang-chu .info .mo-ta {

  margin-bottom: 1rem;

  color: #000;

}



.tin-tuc-card-trang-chu.even {

  text-align: start;

}



.tin-tuc-card-trang-chu.odd {

  text-align: end;

}



/* End tin-tuc-card-trang-chu */



/* dat-xe */



.dat-xe img.background {

  object-fit: cover;

  width: 100%;

  height: 100%;

}



.dat-xe .img-container img {

  width: 100%;

  height: 350px;

  object-fit: cover;

  box-shadow: 0 0 10px #fff;

}



.dat-xe .tieu-de {

  text-transform: uppercase;

  font-weight: 1.5rem;

}



.dat-xe .tieu-de-2 {

  font-size: 1rem;

}



.dat-xe .tieu-de,

.dat-xe .tieu-de-2 {

  font-weight: bold;

  text-align: center;

  color: var(--secondarycolor);

}



/* End dat-xe */



/* hanhtrinh-card */



.hanhtrinh-card .img-container {

  position: relative;

  overflow: hidden;

}



.hanhtrinh-card .img-container img {

  width: 100%;

  height: 350px;

  object-fit: cover;

  filter: grayscale(20%);

  border-radius: 5px;

  transition: all 0.5s;

}



.hanhtrinh-card .img-container img:hover {

  transform: scale(1.3);

}



.hanhtrinh-card .img-container .info {

  position: absolute;

  bottom: 1rem;

  left: 1rem;

  color: var(--lightColor);

  font-size: 1.1rem;

}



.hanhtrinh-card .img-container .info p {

  margin-bottom: 0.2rem;

}



.hanhtrinh-card .img-container .info .tieu-de {

  font-family: var(--titleFont3);

}



/* End hanhtrinh-card */



/* form-lienhe */

.form-lienhe {

  background-image: url("../images/bg-form-lien-he.png");

  background-repeat: no-repeat;

  background-size: contain;

  padding: 1.5rem 0;

}

.form-lienhe {

  position: relative;

  overflow: hidden;

}

.form-lienhe .captcha {

  position: absolute;

  display: inline-block;

  right: -265px;

  width: auto;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transition: right 0.5s;

  -webkit-transition: right 0.5s;

  -moz-transition: right 0.5s;

  -ms-transition: right 0.5s;

  -o-transition: right 0.5s;

}

.form-lienhe .captcha:hover {

  right: 0;

}

.form-lienhe {

  font-family: var(--formFont);

}

.form-lienhe .title-2 {

  color: var(--lightColor);

  font-weight: 300;

  text-transform: uppercase;

  font-size: 22px;

}

.form-lienhe *::placeholder {

  color: var(--primarycolor);

  font-size: 14px;

}



.form-lienhe {

  position: relative;

  margin-top: 0;

}

.form-lienhe .hinh_anh_trang_tri {

  position: absolute;

  bottom: -73px;

  right: -23px;

  z-index: 1;

  height: 200px;

}

.form-lienhe > form {

}

.form-lienhe .form-control {

  background-color: var(--lightColor);

  font-family: var(--primaryFont);

  color: inherit;

  border: 0;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  -o-border-radius: 20px;

  padding: 7px 10px;

}

.form-lienhe input.form-control {

  height: auto;

}

.form-lienhe .row-lienhe {

  --bs-gutter-y: 1rem;

}

.form-lienhe label {

  margin-bottom: 0.2rem;

  color: var(--primarycolor);

  font-style: normal;

  font-size: 16px;

}

.form-lienhe .row.row-radio label {

  font-style: normal;

  margin: 0;

  font-size: 13px;

}

/* End form-lienhe */



/* right-nav */



.right-nav {

  border: 3px solid var(--primarycolor);

  border-radius: 5px;

  padding: 0.5rem;

}



.right-nav .title {

  font-size: 1.4rem;

  margin-bottom: 1rem;

}



.right-nav .hotro .nav-link {

  display: inline-block;

  padding-left: 0;

}



/* End right-nav */



/* tintuc-lienquan-card */



.tintuc-lienquan-card {

  background-color: #f6f6f6;

  padding: 0.5rem;

}



.tintuc-lienquan-card .img-container {

  overflow: hidden;

}



.tintuc-lienquan-card .img-container img {

  height: 130px;

  width: 100%;

  object-fit: cover;

  transition: all 0.3s;

}



.tintuc-lienquan-card:hover .img-container img {

  transform: scale(1.2);

}



.tintuc-lienquan-card .info {

  margin-top: 0;

}



.tintuc-lienquan-card .info .tieu-de-tin {

  color: var(--primarycolor);

  display: block;

  font-size: 14px;

}



.tintuc-lienquan-card .info .date {

  font-size: 12px;

  font-weight: bold;

}



/* End tintuc-lienquan-card */



/* banner */

.banner img {

  width: 100%;

}



/* End banner */



/* trainghiem-card */



.trainghiem .background {

  height: 100%;

}



.trainghiem-card {

}



.trainghiem-card .img-container {

  position: relative;

  height: 250px;

  display: block;

  overflow: hidden;

}



.trainghiem-card .img-container img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: all 0.3s;

}



.trainghiem-card:hover .img-container img {

  transform: scale(1.2);

}



.trainghiem-card .title-container {

  display: flex;

  justify-content: space-between;

  align-items: center;

  background-color: var(--primarycolor75);

  padding: 0.3rem 1rem;

  z-index: 1;

  position: absolute;

  bottom: 0;

  width: 100%;

}



.trainghiem-card .title-container a {

  display: inline-block;

  color: #fff;

  font-family: var(--titleFont3);

  font-size: 16px;

}



.trainghiem-card .title-container a:hover {

  text-decoration: underline;

}



.trainghiem-card .title-container .btn-dangkive {

  display: inline-block;

  padding: 1px 10px;

  background-color: var(--lightColor);

  font-weight: bold;

  height: 25px;

  white-space: nowrap;

}



.trainghiem-card .mo-ta {

  background-color: var(--darkColor);

  padding: 0.5rem 1rem;

  color: var(--lightColor);

  font-family: var(--descriptionFont);

  display: flex;

  align-items: center;

}



/* End trainghiem-card */



/* slick-doitac */



.doi-tac {

  overflow: hidden;

  padding-top: 2rem;

  padding-bottom: 2rem;

}



.doi-tac .title {

  margin-bottom: 2rem;

  font-size: 24px;

}

.slick-doitac {

  margin: -5px -15px;

}



.slick-doitac .img-container-4 {

  margin: 5px 15px;

  background-color: var(--lightColor);

  box-shadow: 0 0 5px #7b7b7b;

}

.slick-doitac .img-container-4 img {

  padding: 15px;

}

.slick-doitac .img-container {

  height: 110px;

  margin-right: 15px;

  margin-left: 15px;

}

.slick-doitac .img-container img {

  height: 100%;

  width: 100%;

  object-fit: contain;

}

.slick-prev,

.slick-next {

  width: auto;

  height: auto;

  font-size: 30px;

  line-height: 1;

  color: #fff;

  background-color: transparent;

  text-shadow: 0 0 10px #444;

}



.hinh-sp-nav .slick-prev,

.hinh-sp-nav .slick-next {

  color: var(--darkColor);

}



.slick-doitac .slick-next {

}



/* End slick-doitac */

/* sec-hinh-anh */



.sec-hinh-anh {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: left top;

}



.sec-hinh-anh a.img-container {

  overflow: hidden;

  border-radius: 5px;

}



.sec-hinh-anh a.img-container img {

  height: 250px;

  width: 100%;

  object-fit: cover;

  transition: all 0.4s;

}



.sec-hinh-anh a img:hover {

  transform: scale(1.2);

}



.sec-hinh-anh .info {

  margin-top: 0.5rem;

}



.sec-hinh-anh .info .tieu-de {

  display: block;

  text-align: center;

  font-weight: bold;

  margin-bottom: 0.2rem;

  font-size: 16px;

}



.sec-hinh-anh .info .sl-hinh {

  display: block;

  color: #ff0a0a;

  text-align: center;

  font-weight: bold;

  margin-bottom: 0.5rem;

}



/* End sec-hinh-anh */



/* sp-card */

.san-pham-trang-chu {

  padding-top: 2rem;

}

.san-pham-trang-chu .title {

  margin-bottom: 2rem;

}

.row.row-sp {

  --bs-gutter-x: 1rem;

  --bs-gutter-y: 1rem;

}



.sanpham-slick {

  margin-right: -15px;

  margin-left: -15px;

}



.sanpham-slick .slick-prev,

.sanpham-slick .slick-next {

  width: 40px;

  height: 40px;

  background-size: 100%;

  background-repeat: no-repeat;

  background-position: center;

  background-color: transparent;

  z-index: 1;

}



.sanpham-slick .slick-prev,

.sanpham-slick .slick-next {

  top: 42%;

  width: auto;

  height: auto;

}

.sanpham-slick .slick-next {

  right: -45px;

}



.sanpham-slick .slick-prev {

  left: -45px;

}



.sanpham-slick .sp-card {

  margin-right: 15px;

  margin-left: 15px;

  margin-top: 1rem;

  margin-bottom: 1rem;

}



.sp-noibat {

  padding: 2rem 0;

  overflow: hidden;

}

.row.row-sanpham {

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 1.5rem;

}

.row.row-sanpham > * {

}

.sp-card {

  background-color: var(--lightColor);

  box-shadow: 0 0 5px #3b3b3ba6;

}



.sp-card a {

  display: block;

}



.sp-card .img-container {

  overflow: hidden;

  width: 100%;

  height: 280px;

  border-radius: 0;

  background-color: var(--lightColor);

  padding: 12px;

}



.sp-card > .img-container > img {

  object-position: center;

  transition: all 0.4s;

}



.sp-card:hover > .img-container > img {

}



.sp-card .info {

  padding: 10px;

}

.sp-card .ten-sp {

  font-family: var(--primaryFont);

  color: var(--darkColor);

  font-size: 15px;

  text-align: start;

  /* padding: 0.3rem 0.5rem; */

  font-weight: 500;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  text-align: center;

}



.sp-card .ten-sp:hover {

  color: var(--secondarycolor);

}

.bg-even .sp-card .ten-sp,

.bg-odd .sp-card .ten-sp {

}



.sp-card .btn-readmore {

  display: inline-block;

}



.sp-card .gia {

  display: block;

  text-align: center;

  font-family: var(--thirdFont);

  font-size: 15px;

  font-weight: 500;

  margin: 0;

}

.sp-card .gia > span {

  font-weight: 300;

}



.sp-card-2 {

  background: rgba(255, 255, 255, 0.95);

  color: #848484;

  overflow: hidden;

  border-radius: 30px;

  box-shadow: 0 0 5px #6e6e6e;

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

}

.sp-card-2:hover {

  transform: translateY(-6px);

  -webkit-transform: translateY(-6px);

  -moz-transform: translateY(-6px);

  -ms-transform: translateY(-6px);

  -o-transform: translateY(-6px);

}

.sp-card-2 .img-container {

  height: 170px;

}

.sp-card-2 .img-container img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.sp-card-2 .info .ten-sp {

  color: #069c2b;

  text-align: center;

  text-transform: uppercase;

  display: flex;

  font-size: 18px;

  align-items: center;

  justify-content: center;

  min-height: 50px;

}

.sp-card-2 .info .mo-ta {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.sp-card-2 .info .mo-ta .gia {

  font-size: 14px;

  color: #f94545;

}

.sp-card-3 .info .ten-sp {

  color: var(--darkColor);

  font-size: 13px;

  font-weight: bold;

  font-family: var(--primaryFont);

}

.sp-card-3 .info .ten-sp:hover {

  color: var(--linkHoverColor);

}

.sp-card-3 .img-container {

  width: 60px;

  height: 60px;

}

.sp-card-3 .img-container img {

}

.sp-card-3 .info .gia {

  font-size: 12px;

  color: var(--darkColor);

}

.sp-card-3 .info .gia .old {

  font-size: 0.8em;

  color: #999;

  font-style: italic;

  font-weight: 100;

}

.slick-sp-4 {

  margin: -15px;

}

.slick-sp-4 .sp-card-4 {

  margin: 15px;

}

.sp-card-4 {

  position: relative;

}

.sp-card-4 .img-container {

  position: relative;

  height: 280px;

  border: 3.2px solid var(--primarycolorDarker);

  padding: 30px;

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  overflow: hidden;

  margin-bottom: 1rem;

}

.sp-card-4 .img-container .chat-luong {

  display: inline-block;

  position: absolute;

  background-color: var(--primarycolorDarker);

  color: var(--lightColor);

  top: -4px;

  right: -8px;

  width: 86%;

  height: 25px;

  padding-left: 28px;

  line-height: 2;

  transform: skew(45deg);

  -webkit-transform: skew(45deg);

  -moz-transform: skew(45deg);

  -ms-transform: skew(45deg);

  -o-transform: skew(45deg);

}

.sp-card-4 .img-container .chat-luong > span {

  display: inline-block;

  transform: skew(-45deg);

  -webkit-transform: skew(-45deg);

  -moz-transform: skew(-45deg);

  -ms-transform: skew(-45deg);

  -o-transform: skew(-45deg);

}

.sp-card-4 .img-container .readmore {

  display: inline-block;

  text-align: center;

  position: absolute;

  color: var(--lightColor);

  bottom: -4px;

  background-image: url("../images/bg-readmore.png");

  background-repeat: no-repeat;

  background-size: contain;

  height: 25px;

  width: 112px;

  line-height: 1.8;

}

.sp-card-4 .img-container img {

  object-fit: contain;

}

.sp-card-4 .icon-hot-group {

  position: absolute;

  top: -15px;

  right: -8px;

  display: flex;

  flex-direction: column;

  gap: 5px;

}

.sp-card-4 .icon-hot-group .icon {

  width: 50px;

  height: 50px;

  color: var(--lightColor);

  background-color: var(--primarycolor);

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  z-index: 1;

  text-align: center;

  line-height: 2.4;

  font-size: 18px;

  font-weight: 500;

  border: 3px outset #00000024;

}

.sp-card-4 .icon-hot-group .icon img {

  display: inline-block;

}

.sp-card-4 .info {

  position: relative;

  background-color: var(--primarycolorDarker);

  color: var(--lightColor);

  padding: 3px 25px;

  display: flex;

  flex-direction: column;

  align-items: center;

  box-shadow: -5px 5px 0 #45454575;

}

.sp-card-4 .info::after {

  content: "\f111";

  font-family: FAS;

  position: absolute;

  top: 5px;

  right: 15px;

  color: var(--lightColor);

  font-size: 8px;

}

.sp-card-4 .info::before {

  content: "\f111";

  font-family: FAS;

  position: absolute;

  top: 5px;

  left: 15px;

  color: var(--lightColor);

  font-size: 8px;

}

.sp-card-4 .info .ten-sp {

  color: inherit;

  font-size: 15px;

  display: block;

  text-align: center;

}



.sp-card-4 .info .ten-sp::after {

  content: "";

  position: absolute;

  bottom: 100%;

  right: 18px;

  height: 1.2rem;

  width: 2px;

  background-color: var(--primarycolorDarker);

}

.sp-card-4 .info .ten-sp::before {

  content: "";

  position: absolute;

  bottom: 100%;

  left: 18px;

  height: 1.2rem;

  width: 2px;

  background-color: var(--primarycolorDarker);

}

.sp-card-4 .info .gia-container {

}

.sp-card-4 .info .gia-container .gia {

  color: inherit;

  font-size: 14px;

  margin-bottom: 0;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

}

.sp-card-4 .info .gia-container .gia .old {

  color: inherit;

  font-size: 12px;

  padding-left: 5px;

}

.slick-sp-7 .slick-dots li button:before {

  content: "\f111";

  font-family: "FAS";

  font-size: 16px;

  color: #e5e5e5;

  opacity: 1;

}

.slick-sp-7 .slick-dots li.slick-active button:before {

  color: var(--primarycolor);

}

.slick-sp-7 {

  margin: -5px -15px;

}

.slick-sp-7 .sp-card-7 {

  margin: 5px 15px;

}

.sp-card-7 {

}

.sp-card-7 .img-container-2 {

  box-shadow: 0 0 5px #7b7b7b;

  background: linear-gradient(

    45deg,

    rgba(249, 187, 125, 1) 0%,

    rgba(254, 247, 240, 1) 50%,

    rgba(245, 141, 38, 1) 100%

  );

  margin-bottom: 0.7rem;

}

.sp-card-7 img {

  background-color: var(--lightColor);

  top: 2px;

  left: 2px;

  width: calc(100% - 4px);

  height: calc(100% - 4px);

  padding: 10px;

}

.sp-card-7 .img-container {

  height: 250px;

}

.sp-card-7 .img-container img {

  object-fit: contain;

}

.sp-card-7 .info {

  text-align: center;

}

.sp-card-7 .info .ten-sp {

  font-family: var(--titleFont2);

  color: var(--darkColor);

  font-weight: 500;

  font-size: 16px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}



.sp-card-8 {

  padding: 20px;

  border: 1px solid var(--secondarycolor);

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  position: relative;

  overflow: hidden;

}

.sp-card-8 .img-container {

  height: 240px;

  position: relative;

}

.sp-card-8 .img-container .info1 {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: var(--secondarycolor75);

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

}

.sp-card-8:hover .img-container .info1 {

  opacity: 0;

}

.sp-card-8 .img-container .info1 .ten-sp {

  color: var(--lightColor);

  font-size: 22px;

  text-transform: uppercase;

}

.sp-card-8 .info2 {

  position: absolute;

  width: 100%;

  bottom: 0;

  left: 0;

  padding: 10px 10px;

  display: flex;

  justify-content: space-between;

  background-color: var(--primarycolor);

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transform: translateY(100%);

  -webkit-transform: translateY(100%);

  -moz-transform: translateY(100%);

  -ms-transform: translateY(100%);

  -o-transform: translateY(100%);

  opacity: 0;

}

.sp-card-8:hover .info2 {

  transform: translateY(0);

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  opacity: 1;

}

.sp-card-8 .info2 a {

  color: var(--lightColor);

}

.sp-card-8 .info2 a:hover {

  text-decoration: underline;

}

.sp-card-8 .info2 .ten-sp {

  text-transform: uppercase;

  font-size: 16px;

}

.sp-card-9 {

}

.sp-card-9 {

}

.sp-card-9 .img-container {

  border: 1px solid var(--primarycolor);

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  height: 220px;

  overflow: hidden;

  margin-bottom: 10px;

}

.sp-card-9 .info {

  display: flex;

  flex-direction: column;

}

.sp-card-9 .info .ten-sp {

  color: var(--primarycolor);

  font-weight: 700;

  font-size: 15px;

}

.sp-card-9 .info .ten-sp:hover {

  text-decoration: underline;

}

.sp-card-9 .info .gia {

  color: var(--primarycolor);

  font-size: 15px;

  font-weight: 700;

}

.sp-card-9 .info .gia .old {

  font-style: italic;

  font-weight: 300;

}

.sp-card-10 {

  position: relative;

}

.sp-card-10 .img-container {

  height: 250px;

  background-color: #fafafa;

}

.sp-card-10 .info .ten-sp {

  text-align: center;

  color: var(--darkColor);

  display: block;

}

.sp-card-10 .info .ten-sp:hover {

  color: var(--primarycolorDarker);

}

.sp-card-10 .info .gia {

  display: flex;

  justify-content: center;

  gap: 2rem;

  color: var(--primarycolorDarker);

  margin-bottom: 0;

  font-size: 14px;

}

.sp-card-10 .phan-tram {

  position: absolute;

  top: 10px;

  left: 10px;

  background-color: var(--secondarycolor);

  color: var(--primarycolorDarker);

  font-family: var(--titleFont);

  padding: 2px 5px;

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  box-shadow: -1px 1px 3px hsla(0, 0%, 27%, 0.35);

}

/* End sp-card */



/* youtube */



.youtube {

  background-color: #000;

  margin-bottom: 10px;

  position: relative;

  padding-top: 376px;

  overflow: hidden;

  cursor: pointer;

}



.youtube img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  top: 0;

  left: 0;

  opacity: 0.7;

}



.youtube .play-button {

  width: 100px;

  height: 100px;

  background-color: transparent;

  z-index: 1;

  opacity: 1;

  border-radius: 50%;

  border: 5px solid #000;

}



.youtube .play-button:before {

  content: "";

  border-style: solid;

  border-width: 30px 0px 30px 45px;

  border-color: transparent transparent transparent #000;

}



.youtube img,

.youtube .play-button {

  cursor: pointer;

}



.youtube img,

.youtube iframe,

.youtube .play-button,

.youtube .play-button:before {

  position: absolute;

}



.youtube .play-button,

.youtube .play-button:before {

  top: 50%;

  left: 50%;

  transform: translate3d(-50%, -50%, 0);

}



.youtube iframe {

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

}



/* End youtube */



/* dang-ki-ve-modal */



.dang-ki-ve-modal {

  color: var(--darkColor);

}



.dang-ki-ve-modal .title {

  font-size: 3rem;

}



.dang-ki-ve-modal form {

}



.dang-ki-ve-modal form .form-control:focus,

.dang-ki-ve-modal form .form-select:focus {

  border-color: var(--primarycolor25);

  box-shadow: 0 0 0 0.25rem var(--primarycolor25);

}



.dang-ki-ve-modal form input::placeholder {

  font-style: italic;

}



.dang-ki-ve-modal .modal-content {

  box-shadow: 0 0 6px var(--lightColor);

}



.dang-ki-ve-modal .modal-header {

  border-bottom: 0;

  padding-bottom: 0;

}



.dang-ki-ve-modal .modal-header .btn-close {

  padding: 0;

  margin: 0 0 auto auto;

}



.dang-ki-ve-modal .modal-footer {

  border-top: 0;

  padding-top: 0;

}



.dang-ki-ve-modal .modal-body {

  padding-top: 0;

  padding-bottom: 0;

}



/* End dang-ki-ve-modal */



/* form-nhantin */



.form-nhantin {

}



.form-nhantin button,

.form-nhantin input {

  width: 100%;

  height: 40px;

}



.form-nhantin input {

  border: 1px solid #bdbebf;

  border-radius: 5px;

  padding: 0 10px;

  box-shadow: 0 0 10px #bdbebf2c;

  outline: 0;

}



.form-nhantin input:focus {

  box-shadow: 0 0 10px #bdbebf;

}



.form-nhantin input::placeholder {

  font-style: italic;

}



.form-nhantin button {

  margin-left: 2px;

  outline: 0;

  border: 0;

  box-shadow: 0 0 3px rgba(76, 75, 75, 0.62);

  background: linear-gradient(

    0deg,

    rgba(39, 133, 240, 1) 0%,

    rgba(75, 156, 247, 1) 50%,

    rgba(116, 181, 255, 1) 100%

  );

  color: #f5f800;

  font-size: 18px;

  text-transform: uppercase;

  border-radius: 5px;

  transition: all 0.4s;

}



.form-nhantin button:hover {

  color: rgba(39, 133, 240, 1);

  background: transparent;

}



.form-col {

  margin-top: 2rem;

  border-top: 1px solid #929494;

  padding-top: 2rem;

}



.form-col span {

  font-style: italic;

}



/* End form-nhantin */



/* camket */

.row.row-camket {

  --bs-gutter-y: 1.5rem;

}

.camket {

  background-color: var(--primarycolor);

  color: var(--lightColor);

  padding: 10px;

  text-align: center;

}

.camket .stt {

  display: inline-block;

  width: 35px;

  height: 35px;

  background-color: var(--lightColor);

  box-shadow: inset 3px -3px 5px #bbb;

  color: var(--primarycolor);

  border-radius: 50%;

  text-align: center;

  font-size: 18px;

  line-height: 1.7;

}

.camket img {

  height: 80px;

  margin-bottom: 10px;

}

.camket p {

  color: #fff723;

  text-align: end;

  text-transform: uppercase;

  font-size: 18px;

  margin-bottom: 0;

}



/* End camket */



/* dang-ki-tu-van */



.dang-ki-tu-van {

  background-position: right center;

  background-size: cover;

  background-repeat: no-repeat;

  padding-top: 4rem;

  padding-bottom: 2rem;

  overflow: unset;

}



/* End dang-ki-tu-van */



/* rate */



.rate-default-themes {

  font-size: 24px;

  color: #fff60e;

  text-shadow: 0 0 5px rgba(76, 75, 75, 0.53);

}



.rating-sp {

  font-size: 40px;

  margin-left: 2rem;

}



/* End rate */



/* cap-nhat-tin-tuc */



.cap-nhat-tin-tuc .title {

  color: #f6eead;

}



/* End cap-nhat-tin-tuc */



/* slider */

#slider {

}

.slider {

}



.slider img {

  width: 100%;

}

/* End slider */



/* fake-slider */



.fake-slider {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-attachment: fixed;

  height: 100vh;

}



/* End fake-slider */



/* cham-ngon */



.cham-ngon {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



/* End cham-ngon */



/* ykienkhachhang */



.ykienkhachhang {

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 5rem 0;

}



.ykienkhachhang .hinh_anh_di_kem {

  height: 450px;

  width: 100%;

  object-fit: cover;

}



.ykien-card {

  padding-top: 5rem;

  padding-bottom: 3rem;

}



.ykien-card .img-container {

  justify-content: end;

  position: relative;

  padding-right: 2rem;

}



.ykien-card .img-container::before {

  content: "";

  position: absolute;

  width: 85%;

  height: 100%;

  top: -15%;

  left: 0;

  border: 10px solid var(--primarycolor);

  z-index: -1;

}



.ykien-card .img-container img {

  height: 350px;

  width: 85%;

  object-fit: cover;

}



.ykien-card .info .mo-ta {

  text-align: start;

  color: var(--darkColor);

  font-weight: bold;

  margin-bottom: 1rem;

}



.ykien-card .info .mo-ta > div {

  overflow-y: auto;

  max-height: 150px;

}



/* width */



.ykien-card .info .mo-ta > div::-webkit-scrollbar {

  width: 2px;

}



/* Track */



.ykien-card .info .mo-ta > div::-webkit-scrollbar-track {

  background: #f1f1f1;

}



/* Handle */



.ykien-card .info .mo-ta > div::-webkit-scrollbar-thumb {

  background: #888;

}



/* Handle on hover */



.ykien-card .info .mo-ta > div::-webkit-scrollbar-thumb:hover {

  background: #555;

}



.ykien-card .info .mo-ta::before {

}



.ykien-card .info .ten-tac-gia {

  text-align: start;

  color: var(--darkColor);

  font-weight: bold;

}



.ykienkhachhang-row {

  box-shadow: 0 0 5px var(--darkColor);

}



.slick-ykienkhachhang {

  margin-right: -10px;

  margin-left: -10px;

}

.slick-ykienkhachhang .ykien-card {

  margin-right: 10px;

  margin-left: 10px;

}



.slick-ykienkhachhang .slick-dots {

  bottom: 0;

  left: 0;

}



.slick-ykienkhachhang .slick-dots li button:before {

  content: "\f111";

  font-family: "FAS";

  font-size: 16px;

  color: var(--primarycolor);

  opacity: 1;

}



.slick-ykienkhachhang .slick-dots li.slick-active button:before {

  opacity: 1;

  font-family: "FAR";

}



/* End ykienkhachhang */



/* gia-su-tai-nha */



.gia-su-tai-nha {

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.gia-su-tai-nha .mo-ta {

  color: var(--lightColor);

  background-color: var(--primarycolor);

  padding: 2rem 4rem;

  text-align: center;

  box-shadow: 25px 25px 0px rgb(68 68 68 / 36%);

}



.gia-su-tai-nha .tintuc-card .img-container {

  height: 220px;

}



.gia-su-tai-nha .tintuc-card .info .tieu-de {

  color: var(--primarycolorDarker);

}



/* End gia-su-tai-nha */



/* ds-lop-chua-giao */



.ds-lop-chua-giao {

}



.ds-lop-chua-giao ul.nav > li {

  font-size: 16px;

  margin-bottom: 1rem;

  display: flex;

  align-items: center;

}



.ds-lop-chua-giao ul.nav > li > i {

  font-size: 8px;

  margin-right: 5px;

}



/* End ds-lop-chua-giao */



/* hoc-thu */



.hoc-thu {

  background-color: var(--primarycolor);

  color: var(--lightColor);

}



/* End hoc-thu */



/* quytrinh */

.quytrinh {

  padding-top: 2rem;

  padding-bottom: 5rem;

  background-position: center bottom;

}

.quytrinh .dots-slick {

  text-align: center;

  margin: 2rem 0;

}

.quytrinh .dots-slick .single-dot {

  border: 1px solid transparent;

  padding: 0.5rem;

  width: 100px;

  height: 100px;

  border-radius: 50%;

  overflow: hidden;

  display: inline-block;

  transition: all 0.3s;

}

.quytrinh .dots-slick .single-dot span {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background-color: #0f66b1;

  color: var(--lightColor);

  font-family: var(--titleFont);

  font-size: 50px;

  text-align: center;

  line-height: 68px;

  display: inline-block;

  cursor: pointer;

  transition: all 0.3s;

}

.quytrinh .dots-slick .slick-current .single-dot {

  border-color: #0f66b1;

}

.quytrinh .dots-slick .slick-current .single-dot span {

  background-color: #26b3de;

}

.quytrinh .thong-tin-slick .mo-ta {

  text-align: center;

  font-weight: bold;

}

/* End quytrinh */



/* content-card */

.single-cate .row-content {

  --bs-gutter-y: 1.5rem;

}

.content-card {

  transition: all 0.3s linear;

}

.content-card:hover {

  transform: translateY(-6px);

}

.content-card:hover .img-container {

  box-shadow: 0 0 5px #444;

}

.content-card .img-container {

  height: 220px;

  transition: all 0.3s linear;

}

.content-card .img-container img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}

.content-card .info {

  transform: translateY(-50%);

}

.content-card .info .tieu-de {

  display: block;

  background-color: var(--primarycolor);

  color: var(--secondarycolor);

  font-family: Roboto;

  text-transform: uppercase;

  text-align: center;

  padding: 5px 10px;

  border-radius: 1px;

  box-shadow: -10px 10px 0 rgba(68, 68, 68, 0.1);

}

/* End content-card */



/* side-nav */

.side-nav {

  margin-bottom: 1rem;

}

.side-nav .title-side-nav {

  position: relative;

  font-size: 20px;

  text-transform: uppercase;

  padding-bottom: 0.7rem;

  margin-bottom: 1rem;

  color: var(--sideNavColor);

  font-weight: 900;

}

.side-nav .title-side-nav::before {

  background-color: var(--secondarycolor);

  position: absolute;

  content: "";

  bottom: 0;

  left: 0;

  width: 30px;

  height: 3px;

}

/* End side-nav */



/* top-header */

.top-header {

  background-color: var(--primarycolor);

  color: var(--lightColor);

  padding: 10px 0;

  overflow: unset;

  font-size: 14px;

  position: relative;

  z-index: 9999;

  font-weight: 300;

}

.top-header a {

  color: inherit;

}



.padding .top-header {

  padding-bottom: 0;

}

.top-header .nav > .nav-item {

}

.top-header .nav > .nav-item:first-child {

}

.top-header .nav .nav-link {

  padding: 0;

  color: inherit;

  text-transform: uppercase;

  border: 2px solid var(--darkColor);

  display: block;

  width: 28px;

  height: 28px;

  background-color: var(--darkColor);

  color: var(--lightColor);

  border-radius: 50%;

  text-align: center;

  line-height: 1.8;

  background-size: 120%;

  background-position: center;

  background-repeat: no-repeat;

}

.top-header .nav .nav-link.no-fill {

  background-color: transparent;

  color: var(--darkColor);

}

.top-header .nav .nav-link i {

}

.top-header span {

  display: inline-block;

  margin-right: 5px;

  font-weight: 500;

}

.top-header .contact {

  padding: 2px 10px;

  border: 1px solid;

  border-radius: 50px;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  -ms-border-radius: 50px;

  -o-border-radius: 50px;

}

.top-header .contact:hover {

  background-color: var(--lightColor);

  color: var(--primarycolor);

}

.top-header .navbar.nav-custom {

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

}

.padding .top-header .navbar.nav-custom {

  position: relative;

}

/* End top-header */



/* camnhan */



/* End camnhan */

.slick-cam-nhan {

  margin-right: -1rem;

  margin-left: -1rem;

}

.slick-cam-nhan .slick-dots {

  bottom: -40px;

}

.slick-cam-nhan .slick-dots li {

  margin: 0 3px;

}

.slick-cam-nhan .slick-dots li button:before {

  color: #ccc;

  opacity: 1;

  font-size: 11px;

}

.slick-cam-nhan .slick-dots li.slick-active button:before {

  color: #004eff;

  opacity: 1;

}

.slick-cam-nhan .cam-nhan-card {

  margin-right: 1rem;

  margin-left: 1rem;

}

.cam-nhan-card {

  background-color: transparent;

}

.cam-nhan-card .info {

  text-align: center;

  padding: 15px;

  font-style: italic;

  color: var(--lightColor);

}

.cam-nhan-card .info .tieu-de {

  font-family: var(--primaryFont);

  font-size: 20px;

  font-weight: 300;

  color: var(--lightColor);

  margin-top: 1rem;

}

.cam-nhan-card .info .noi-dung {

  margin-bottom: 1.5rem;

}

.cam-nhan-card .info::before {

}

.cam-nhan-card .img-container {

}

.cam-nhan-card .info .ten {

}

.cam-nhan-card .img-container img {

  width: 120px;

  height: 120px;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

}

.cam-nhan-card .info .stars {

  color: #fff600;

  margin-bottom: 1.5rem;

  letter-spacing: -2px;

}

.slick-cam-nhan-2 {

  margin: 0 -1rem;

}

.slick-cam-nhan-2 .cam-nhan-card-2 {

  margin: 0 1rem;

}

.cam-nhan-khach-hang-2 {

  padding: 3rem 0;

}

.cam-nhan-card-2 {

  color: #3a3a3a;

}

.cam-nhan-card-2 .quote {

  margin-bottom: 1rem;

}

.cam-nhan-card-2 .mo-ta {

  margin-bottom: 1rem;

}

.cam-nhan-card-2 .ten-kh {

  text-transform: uppercase;

  font-weight: 500;

}

.cam-nhan-card-3 .info {

  text-align: center;

}

.cam-nhan-card-3 .img-container-2 img {

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

}

.cam-nhan-card-3 .info .img-quote {

  display: inline-block;

  margin-bottom: 1rem;

}

.cam-nhan-card-3 .info .mo-ta {

  margin-bottom: 1rem;

}



/* form-datxe */



.form-datxe input,

.form-datxe button,

.form-datxe select {

  width: 100%;

}



.form-datxe input:focus {

  border-color: var(--primarycolor);

  outline: 0;

  box-shadow: 0 0 0 0.25rem var(--primarycolor25);

}



.form-datxe input::placeholder {

  color: var(--darkColor);

}



.form-datxe .row > * {

  margin-bottom: 1rem;

}



.form-datxe .btn-datxe {

  color: #000;

  background-color: var(--secondarycolor);

  text-transform: uppercase;

  font-weight: bold;

  font-family: var(--thirdFont);

}



.form-datxe .btn-datxe:hover {

  color: #fff;

  background-color: var(--primarycolor);

}

.form-datxe {

  border: 3px solid var(--primarycolor);

  padding: 15px;

  padding-top: 0;

  font-size: 16px;

}

.form-datxe .title {

  text-align: center;

  transform: translateY(-65%);

  margin-top: 0;

  margin-bottom: 0;

}

.form-datxe .title span {

  background-color: var(--lightColor);

  display: inline-block;

  padding: 0 10px;

}

.form-datxe label {

  font-weight: bold;

}



/* End form-datxe */



/* side_nav_sp */

.row.row-sp-page {

  --bs-gutter-y: 1.5rem;

}

.row.row-sp-page .sp-card .img-container {

  height: 250px;

}

.side_nav_sp {

  box-shadow: 0 0 5px #444;

  border-radius: 5px 5px 0 0;

}

.side_nav_sp .side_header {

  padding: 10px 0;

  padding-left: 23px;

  font-size: 22px;

  background-color: var(--primarycolor);

  color: var(--lightColor);

  font-family: var(--titleFont);

  border-radius: 5px 5px 0 0;

  margin-bottom: 0;

}

.side_nav_sp .side_body {

  padding-left: 23px;

  padding-right: 23px;

}

.side_nav_sp .nav_sp_c {

}

.side_nav_sp .nav_sp_c a {

  padding: 7px 0;

  display: block;

  font-family: Roboto;

}

.side_nav_sp .nav_sp_c a:hover {

}

.side_nav_sp .nav_sp_c .has-collapse {

  display: flex;

  justify-content: space-between;

}

.side_nav_sp .nav_sp_c .has-collapse button {

  border: 0;

  background-color: transparent;

  padding: 0;

}

.side_nav_sp .nav_sp_c .has-collapse button:hover {

  color: var(--primarycolor);

}

.side_nav_sp .nav_sp_c .has-collapse .collapsed .icon-collapse::before {

  font-family: "FAS";

  content: "\2b";

}

.side_nav_sp .nav_sp_c .has-collapse .icon-collapse::before {

  font-family: "FAS";

  content: "\f068";

}

/* End side_nav_sp */



/* nav-sp */

.nav-sp.nav-tabs {

  border-bottom: 0;

  border-top: 1px solid #dee2e6;

  margin-bottom: 1rem;

  gap: 15px;

}

.nav-sp.nav-tabs .nav-link {

  font-weight: 800;

  margin-bottom: 0;

  margin-top: -1px;

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border: 0;

  padding: 10px 0;

  text-transform: uppercase;

  color: #858587;

  border-top: 3px solid transparent;

}

.nav-sp.nav-tabs .nav-link.active {

  border-color: var(--primarycolor);

  color: var(--darkColor);

  font-family: var(--primaryFont);

}

/* End nav-sp */



/* cam-ket */

.camket_sec {

  padding: 0;

  background-color: var(--primarycolor);

}

.cam-ket {

  text-align: center;

}

.cam-ket .img-container {

  position: relative;

}

.cam-ket .img-container {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  background-color: #0054ff;

  z-index: 1;

  padding: 15px;

  display: inline-block;

  box-shadow: 3px 3px 0 rgba(68, 68, 68, 0.41);

}

.cam-ket .img-container img {

  object-fit: contain;

}

.cam-ket .info {

  color: var(--lightColor);

  font-size: 13px;

  font-family: var(--primaryFont);

}

.cam-ket .info .number-title {

  display: block;

  font-family: var(--titleFont);

  color: #01a32a;

  font-size: 24px;

}

.cam-ket .info .tieu-de {

  color: #0054ff;

  display: block;

  text-align: center;

  font-size: 18px;

  font-family: var(--thirdFont);

  text-transform: uppercase;

  font-weight: 900;

  background-color: var(--lightColor);

  padding: 20px 0;

  border-radius: 50px;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  -ms-border-radius: 50px;

  -o-border-radius: 50px;

  margin-left: -50px;

  padding-left: 30px;

  box-shadow: 3px 3px 0 rgba(68, 68, 68, 0.41);

}

.cam-ket .info > .mo-ta {

  text-align: center;

  font-weight: 100;

}

.cam-ket .info .readmore {

  color: var(--lightColor);

}

.row.row-camket {

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 3rem;

}

/* End cam-ket */



/* hotro-card */

.ho-tro {

  padding-top: 3rem;

  padding-bottom: 5rem;

}

.row.row-hotro {

  --bs-gutter-y: 1.5rem;

}

.hotro-card {

}

.hotro-card .img-container {

  height: 200px;

}

.hotro-card .img-container img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.hotro-card .info {

  background-color: var(--lightColor);

  color: var(--darkColor);

  text-align: center;

  padding: 5px 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: -5px 5px 0 rgba(68, 68, 68, 0.27);

  margin-top: -15px;

}

.hotro-card .info .tieu-de {

  display: block;

  font-family: Roboto;

  color: inherit;

  text-transform: uppercase;

  font-size: 18px;

}

.hotro-card .info .mo-ta {

  display: block;

  color: inherit;

}

.hotro-card .info .zalo {

  display: block;

  color: inherit;

  font-weight: bold;

}

/* End hotro-card */



/* single-tintuc-vertical */

.single-tintuc-vertical {

  padding-top: 4rem;

  padding-bottom: 1rem;

  height: 500px;

}

.single-tintuc-vertical .img-container {

  height: 400px;

  box-shadow: -15px 15px 2px rgb(68 68 68 / 20%);

  position: relative;

}

.single-tintuc-vertical .img-container::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: transparent;

  top: -15%;

  left: -33.33333%;

  border: 5px solid var(--primarycolor);

}

.single-tintuc-vertical .img-container img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: 1;

}

.single-tintuc-vertical .info {

  padding-left: 1rem;

  padding-top: 2rem;

  padding-bottom: 2rem;

}



.single-tintuc-vertical .info .tieu-de {

  text-transform: uppercase;

  font-size: 24px;

  color: var(--darkColor);

  margin-bottom: 2rem;

  display: block;

}

.single-tintuc-vertical .info .mo-ta {

  margin-bottom: 2rem;

  overflow: auto;

  max-height: 200px;

}

.single-tintuc-vertical .info .mo-ta::-webkit-scrollbar {

  width: 2px;

}



.single-tintuc-vertical .info .mo-ta::-webkit-scrollbar-track {

  background: #f1f1f1;

}



.single-tintuc-vertical .info .mo-ta::-webkit-scrollbar-thumb {

  background: #888;

}



.single-tintuc-vertical .info .mo-ta::-webkit-scrollbar-thumb:hover {

  background: #555;

}

.single-tintuc-vertical .info .readmore {

}

.single-tintuc-vertical .number {

  display: block;

  text-align: center;

  color: var(--primarycolor);

  font-size: 20px;

}

.slick-tintuc-vertical .slick-dots {

  width: auto;

  top: 100px;

  right: 40px;

}

.slick-tintuc-vertical .slick-dots li {

  display: inline;

  margin: 0;

}

.slick-tintuc-vertical .slick-dots li button {

  margin-bottom: 10px;

}

.slick-tintuc-vertical .slick-dots li button:before {

  content: "\f111";

  font-family: "FAR";

  font-size: 16px;

  color: var(--primarycolor);

}

/* End single-tintuc-vertical */



/* cate-card */

.cate-home {

  background-position: center bottom;

}

.row.row-cate {

  --bs-gutter-x: 1rem;

  --bs-gutter-y: 1rem;

}

.cate-home .title {

  margin-bottom: 3rem;

}

.cate-card {

  position: relative;

}

.cate-card .img-container {

  height: 350px;

  box-shadow: 0 0 5px hsla(0, 1%, 55%, 0.65);

}

.cate-card .img-container img {

}

.cate-card .info {

  text-align: center;

  display: inline-block;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

  -webkit-transform: translateX(-50%) translateY(-50%);

  -moz-transform: translateX(-50%) translateY(-50%);

  -ms-transform: translateX(-50%) translateY(-50%);

  -o-transform: translateX(-50%) translateY(-50%);

  background-color: transparent;

  padding: 10px;

  border: 4px solid rgba(255, 255, 255, 0.9);

}

.cate-card .info .tieu-de {

  color: #f00;

  text-transform: uppercase;

  font-size: 18px;

  font-family: var(--primaryFont);

  font-weight: 500;

  background-color: rgba(255, 255, 255, 0.9);

  padding: 40px;

  display: block;

  white-space: nowrap;

}

.cate-card .info .mo-ta {

}

.cate-home-2 {

  --bs-gutter-x: 10px;

  --bs-gutter-y: 10px;

  padding: 10px 0;

}

.cate-home-2 .row {

  --bs-gutter-x: inherit;

  --bs-gutter-y: inherit;

}

.cate-card-2 {

  position: relative;

}

.cate-card-2::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  background-color: rgba(255, 255, 255, 0.2);

  /*z-index: -1;

  */

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  width: 100%;

  height: 100%;

  transform: scale(0);

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

}

.cate-card-2:hover:after {

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

}

.cate-card-2 .img-container {

  height: 370px;

}

.cate-card-2 .info {

  position: absolute;

  bottom: 10px;

  left: 10px;

  background-color: #fde9ec;

  color: var(--darkColor);

  padding: 10px;

  text-transform: uppercase;

  z-index: 1;

  max-width: calc(100% - 20px);

}

.cate-card-2 .info .tieu-de {

  display: block;

  color: inherit;

  font-size: 20px;

  font-family: var(--primaryFont);

}

.slick-cate-3 {

  margin: -5px -0.75rem;

}

.slick-cate-3 .cate-card-3 {

  margin: 5px 0.75rem;

  padding-top: 4.5rem;

  filter: drop-shadow(-6px -6px hsla(0, 0%, 27%, 0.27));

  -webkit-filter: drop-shadow(-6px -6px hsla(0, 0%, 27%, 0.27));

}

.cate-card-3 {

  text-align: center;

}

.cate-card-3 .info {

  background-color: var(--secondarycolor);

  color: var(--lightColor);

  padding: 5px 10px;

  margin-top: -10px;

  z-index: 1;

  position: relative;

}

.cate-card-3 .info .tieu-de {

  color: inherit;

  font-size: 16px;

}

.cate-card-3 .img-container-2 {

  clip-path: polygon(

    30% 0%,

    70% 0%,

    100% 30%,

    100% 70%,

    70% 100%,

    30% 100%,

    0% 70%,

    0% 30%

  );

}

.cate-card-3 img {

  object-fit: cover;

  object-position: center;

}

.cate-card-3.margin-this {

  margin-top: -4rem;

}

/* End cate-card */



/* icon-gioi-thieu */

.icon-gioi-thieu {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  border: 1px solid #c7c7c7;

  padding: 20px 25px;

  gap: 0.7rem;

}

.icon-gioi-thieu:hover {

  background-color: #feef24;

  border-color: #feef24;

}

.icon-gioi-thieu .ten {

  text-transform: uppercase;

  font-size: 16px;

  font-weight: 500;

}

.icon-gioi-thieu img {

  display: block;

  height: 100px;

}

/* End icon-gioi-thieu */



/* danhmuc-page */

.danhmuc-page {

}

.danhmuc-page .banner-danhmuc {

  background: linear-gradient(

    45deg,

    rgba(44, 121, 189, 1) 0%,

    rgba(94, 158, 210, 1) 30%,

    rgba(196, 222, 245, 1) 57%,

    rgba(241, 247, 251, 1) 100%

  );

  padding: 3rem;

}

.danhmuc-page .banner-danhmuc .btn-readmore.btn {

  background-color: #ff8c00;

  text-transform: none;

  color: var(--lightColor);

}

.danhmuc-page .banner-danhmuc .title {

  color: var(--lightColor);

}

.danhmuc-page .banner-danhmuc .title-description {

  color: var(--lightColor);

}

.danhmuc-page .img-container img {

  border-radius: 15px;

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px;

  -ms-border-radius: 15px;

  -o-border-radius: 15px;

  width: 100%;

}

.danhmuc-page .single-question {

  margin-bottom: 0.5rem;

}

.danhmuc-page .single-question .tieu-de {

  font-family: Roboto;

  font-weight: bold;

  font-size: 16px;

  border-bottom: 1px solid #ccc;

  color: var(--primarycolor);

}

.danhmuc-page .single-question .tieu-de .icon-collapsed {

  transform: rotateZ(180deg);

  -webkit-transform: rotateZ(180deg);

  -moz-transform: rotateZ(180deg);

  -ms-transform: rotateZ(180deg);

  -o-transform: rotateZ(180deg);

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

}

.danhmuc-page .single-question .tieu-de .collapsed .icon-collapsed {

  transform: rotateZ(-90deg);

  -webkit-transform: rotateZ(-90deg);

  -moz-transform: rotateZ(-90deg);

  -ms-transform: rotateZ(-90deg);

  -o-transform: rotateZ(-90deg);

}

.danhmuc-page .single-question .noi-dung {

}

/* End danhmuc-page */



/* giang-vien-card */



.slick-giang-vien {

  margin: -10px;

}

.slick-giang-vien .giang-vien-card {

  margin: 10px;

}

.giang-vien-card .img-container {

  height: 400px;

}

.giang-vien-card .img-container img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

.giang-vien-card .ten {

  font-size: 20px;

  font-family: Roboto;

  margin-bottom: 0;

}

.giang-vien-card .mo-ta {

  font-size: 15px;

  margin-bottom: 0;

}

/* End giang-vien-card */



/* san-pham-chi-tiet */

.row.row-sanphamchitiet {

  --bs-gutter-x: 5rem;

}

.row.row-sanphamchitiet .border-left-col {

  border-left: 1px solid #f1f1f1;

}

.san-pham-chi-tiet {

  padding-top: 3rem;

}

.san-pham-chi-tiet .gia-container {

  font-size: 28px;

}

.san-pham-chi-tiet .gia-container .old {

  font-size: 18px;

}

.san-pham-chi-tiet .title {

  position: relative;

  margin-top: 0;

  color: var(--primarycolor);

  text-transform: none;

  padding-bottom: 10px;

  margin-bottom: 10px;

  font-weight: 900;

}

.san-pham-chi-tiet .title::before {

  content: "";

  position: absolute;

  bottom: -5px;

  left: 0;

  width: 30px;

  height: 4px;

  background-color: #e6e6e6;

}

.san-pham-chi-tiet hr {

  background-color: #bababa;

}

.san-pham-chi-tiet .mo-ta-container {

  color: #999999;

}

.san-pham-chi-tiet .kichthuoc-select label {

  font-size: 16px;

}

.san-pham-chi-tiet .kichthuoc-select .form-select {

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-color: #efefef;

}

.san-pham-chi-tiet .kichthuoc-select .form-select:focus {

  box-shadow: 0 0 0 0.25rem var(--primarycolor25);

}

.san-pham-chi-tiet .spann {

  color: #999999;

}

.san-pham-chi-tiet .spann span {

  color: var(--darkColor);

}



.button-so-luong .group-button input::-webkit-outer-spin-button,

.button-so-luong .group-button input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

.button-so-luong .group-button {

  text-align: center;

}

.button-so-luong .btn.btn-mua {

  color: var(--lightColor);

  height: 40px;

  background-color: var(--primarycolor);

  text-transform: uppercase;

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  font-size: 18px;

  padding-left: 25px;

  padding-right: 25px;

}

.button-so-luong .group-button input {

  height: 40px;

  width: 50px;

  text-align: center;

  z-index: 1;

  border: 1px solid #ddd;

  padding: 0 5px;

}

.button-so-luong .group-button button {

  outline: 0;

  border: 1px solid #ddd;

  height: 40px;

  padding: 0;

  width: 30px;

  background-color: rgba(224, 224, 224, 0.867);

}

.button-so-luong .group-button button:first-child {

  margin-right: -5px;

}

.button-so-luong .group-button button:last-child {

  margin-left: -5px;

}

/* End san-pham-chi-tiet */



/* danh-muc-san-pham */

.nav.danh-muc-san-pham {

}

.nav.danh-muc-san-pham .nav-link {

  padding: 0;

  color: #98999b;

}

.nav.danh-muc-san-pham .nav-link:hover {

  color: var(--primarycolorDarker);

}

.nav.danh-muc-san-pham .nav-item {

  padding: 7px 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.nav.danh-muc-san-pham .nav-item {

  border-bottom: 1px solid #dadcdb;

}

.header-nav {

  background-color: var(--darkColor);

  color: var(--lightColor);

  text-align: center;

  text-transform: uppercase;

  margin: 0;

  padding: 0 10px;

  font-size: 24px;

  height: 50px;

  line-height: 2.1;

}

/* End danh-muc-san-pham */



/* quy-trinh-card */

.quy-trinh-card {

  background-color: var(--primarycolor);

  color: var(--lightColor);

  padding: 10px 10px;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  -o-border-radius: 10px;

}

.quy-trinh-card .number {

  width: 30px;

  height: 30px;

  text-align: center;

  background-color: #ffffec;

  color: #ff0000;



  display: inline-block;

  font-size: 16px;

  line-height: 2;

  border-radius: 2px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

}

.quy-trinh-card .tieu-de {

  text-align: end;

  text-transform: uppercase;



  display: block;

  padding-bottom: 7px;

  border-bottom: 1px solid var(--lightColor);

}

.quy-trinh-card .mo-ta {

  display: block;

  text-align: end;

  padding-top: 7px;

}

/* End quy-trinh-card */



/* tabs-danhmuc */

.tintuc-4 {

  padding: 3rem 0;

}

/* Hide scrollbar for Chrome, Safari and Opera */

.nav.nav-tabs.tabs-danhmuc::-webkit-scrollbar {

  display: none;

}



/* Hide scrollbar for IE, Edge and Firefox */

.nav.nav-tabs.tabs-danhmuc {

  -ms-overflow-style: none; /* IE and Edge */

  scrollbar-width: none; /* Firefox */

}

.nav.nav-tabs.tabs-danhmuc {

  border: 0;

  margin-bottom: 3rem;

  overflow: auto;

  flex-wrap: nowrap;

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 0;

  margin-top: calc(-1 * var(--bs-gutter-y));

  margin-right: calc(-0.5 * var(--bs-gutter-x));

  margin-left: calc(-0.5 * var(--bs-gutter-x));

}

.nav.nav-tabs.tabs-danhmuc > .nav-item {

  padding-right: calc(var(--bs-gutter-x) * 0.5);

  padding-left: calc(var(--bs-gutter-x) * 0.5);

  margin-top: var(--bs-gutter-y);

}

.nav.nav-tabs.tabs-danhmuc .nav-link {

  background-color: var(--darkColor);

  border: 0;

  color: var(--lightColor);

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  margin-bottom: 0;

  white-space: nowrap;

}

.nav.nav-tabs.tabs-danhmuc .nav-link.active {

  color: var(--primarycolor);

  background-color: var(--darkColor);

}

.tab-content.tab-content-danhmuc {

}

/* End tabs-danhmuc */



/* form-ho-tro */

.form-ho-tro {

}

.form-ho-tro .row-lienhe {

  --bs-gutter-x: 0rem;

  --bs-gutter-y: 1.5rem;

}

.form-ho-tro .form-control {

  background-color: transparent;

  border-radius: 2px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

  color: var(--darkColor);

  background-color: var(--lightColor);

  font-size: 13px;

  padding: 5px 10px;

  border: 1px solid #fff3;

}



.form-ho-tro textarea.form-control {

}

.form-ho-tro .form-control:focus {

}

.form-ho-tro .form-control::placeholder {

  color: inherit;

  font-weight: 300;

  font-style: italic;

}

/* End form-ho-tro */

/* video-card */

.first-video .info .tieu-de {

  display: inline-block;

  color: var(--darkColor);

  font-size: 18px;

  font-weight: 500;

  margin-bottom: 0.5rem;

}

.first-video .info .mo-ta {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.video-card .youtube {

  padding-top: 137px;

}

.video-card .youtube .play-button {

  width: 60px;

  height: 40px;

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

}

.video-card .youtube .play-button:before {

  border-width: 10px 0 10px 20px;

}

.video-card .info .tieu-de {

  color: var(--darkColor);

  font-size: 16px;

}

/* End video-card */



/* content-slide */

.content-slide {

  display: flex;

  flex-direction: column;

  justify-content: center;

  color: var(--lightColor);

}

.content-slide .title {

  color: inherit;

  font-family: var(--titleFont2);

}

.content-slide .mo-ta {

  font-size: 16px;

  font-weight: 400;

  border-left: 5px solid var(--primarycolor);

  padding-left: 5px;

}

/* End content-slide */



/* form-datlich */

.form-container {

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.form-datlich .form-title {

  background-color: var(--primarycolor);

  color: var(--lightColor);

  margin: 0;

  padding: 10px;

  text-align: center;

  font-family: var(--primaryFont);

  text-transform: uppercase;

  font-size: 24px;

  font-weight: 500;

}

.form-datlich form {

  padding: 20px 20px 5px 20px;

  background-color: var(--lightColor);

}

.form-datlich .btn.btn-submit {

  background-color: var(--darkColor);

  border-radius: 50px;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  -ms-border-radius: 50px;

  -o-border-radius: 50px;

  color: var(--lightColor);

  text-transform: uppercase;

  padding: 3px 8px;

  border: 3px outset #cccccc63;

}

.form-datlich .btn.btn-submit:hover {

  background-color: transparent;

  color: var(--darkColor);

}

.form-datlich .form-control {

  box-shadow: 0 0 5px #a7a5a5d6;

  border: 0;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  -o-border-radius: 10px;

}

.form-datlich .form-control::placeholder {

  color: #8a8a8a;

  font-weight: 100;

  font-style: italic;

  font-size: 13px;

}

.form-datlich input.form-control {

  height: 30px;

}

/* End form-datlich */



/* doitac-tintuc */

.doitac-tintuc {

}

.doitac-tintuc .title {

  color: var(--lightColor);

  margin-top: 0;

  margin-bottom: 2rem;

  font-size: 28px;

}

.doitac-tintuc .col-doi-tac .img-container {

  height: 110px;

}

.doitac-tintuc .slick-hinh-anh-mua-ban {

  padding: 20px;

  background-color: var(--primarycolor);

}

.doitac-tintuc .col-hinh-anh .img-container {

  height: 300px;

  box-shadow: 0 0 5px hsla(0, 0%, 36%, 0.65);

}

/* End doitac-tintuc */

/* tintuc-sukien */

.tintuc-sukien .title {

  margin-top: 0;

  font-weight: 700;

  font-size: 26px;

  margin-bottom: 5px;

}

.tintuc-sukien .title.has-bg {

  font-size: 20px;

}

.tintuc-noibat .nav {

  gap: 1px;

}

.tintuc-noibat .nav .nav-item {

  background-color: #e7eaf3;

  padding: 8px;

}

.tintuc-noibat .nav .nav-item a {

  color: var(--primarycolor);

  font-weight: 700;

  font-size: 12px;

}

/* End tintuc-sukien */

/* .gioi-thieu-2 */

.gioi-thieu-2 {

  padding: 8rem 0;

}

.gioi-thieu-2 .noi-dung {

  padding-left: 2rem;

}



.gioi-thieu-2 .img-container.img-gioi-thieu {

  position: relative;

}

.gioi-thieu-2 .img-container.img-gioi-thieu::before {

  content: "";

  position: absolute;

  top: -59px;

  left: -65px;

  background-image: url("../images/Polygon.png");

  width: 164px;

  height: 164px;

}

.gioi-thieu-2 .img-container.img-gioi-thieu::after {

  content: "";

  position: absolute;

  bottom: -20px;

  right: -20px;

  width: 80%;

  height: 80%;

  background-color: var(--primarycolor);

}

.gioi-thieu-2 .img-container.img-gioi-thieu {

  width: 90%;

  height: 345px;

}

.gioi-thieu-2 .img-container.img-gioi-thieu img:first-child {

  z-index: 1;

}

.gioi-thieu-2 .img-container.img-gioi-thieu img:last-child {

  position: absolute;

  bottom: -50px;

  right: -50px;

  width: 200px;

  height: 200px;

  border: 2px solid var(--primarycolor);

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  z-index: 2;

}

/* End .gioi-thieu-2 */

/* navtab-1 */

.navtab-1 {

  padding-bottom: 8rem;

}

.navtab-1 .nav.nav-tabs {

  justify-content: end;

  border-bottom: 0;

  column-gap: 40px;

  row-gap: 5px;

  padding-right: 37px;

  margin-bottom: 5px;

}

.navtab-1 .nav.nav-tabs .nav-link {

  margin-top: 0;

  border: 0;

  background-color: #3ea5cd;

  color: var(--lightColor);

  padding-right: 0;

  padding-left: 10px;

  padding-top: 15px;

  padding-bottom: 3px;

  position: relative;

  font-weight: 500;

  transition: none;

  -webkit-transition: none;

  -moz-transition: none;

  -ms-transition: none;

  -o-transition: none;

}

.navtab-1 .nav.nav-tabs .nav-link > span {

  display: inline-block;

  margin-right: -10px;

}

.navtab-1 .nav.nav-tabs .nav-link::after {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  right: -21px;

  top: 0;

  background-color: #3ea5cd;

  transform: skew(35deg);

  -webkit-transform: skew(35deg);

  -moz-transform: skew(35deg);

  -ms-transform: skew(35deg);

  -o-transform: skew(35deg);

  z-index: -1;

  border-top-right-radius: 5px;

}

.navtab-1 .nav.nav-tabs .nav-link.active::after,

.navtab-1 .nav.nav-tabs .nav-link.active {

  background-color: #014f62;

}

.navtab-1 .tab-content {

  padding: 2rem;

  background-color: var(--primarycolor);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}

.navtab-1 .tab-content .tab-pane {

  color: var(--lightColor);

}

.navtab-1 .tab-content .tab-pane .img-container {

  border: 3px solid var(--lightColor);

  height: 300px;

}

.navtab-1 .tab-content .tab-pane ul {

  display: flex;

  flex-direction: column;

  gap: 1rem;

  margin: 0;

}

/* End navtab-1 */



/* tin-tuc-6 */

.tin-tuc-6 {

  padding: 4rem 0;

  background-color: var(--primarycolor);

}

.tin-tuc-6 .mo-ta {

  color: var(--lightColor);

  margin-bottom: 3rem;

}

.tin-tuc-6 .title {

  margin-top: 0;

  margin-bottom: 3rem;

}

.tin-tuc-6 .btn.btn-readmore {

  background-color: var(--secondarycolor);

  font-size: 16px;

}

.tin-tuc-6 .btn.btn-readmore:hover {

  background-color: var(--lightColor);

}

/* End tin-tuc-6 */



/* slick-hinh-anh-1 */

.slick-hinh-anh-1 {

  padding: 3rem 0;

}

.slick-hinh-anh-1 .title {

  margin-top: 0;

  margin-bottom: 3rem;

}

.slick-hinh-anh-1 .slick {

  margin: -15px;

}

.slick-hinh-anh-1 .slick .img-container {

  margin: 15px;

  border: 2px solid var(--secondarycolor);

}

/* End slick-hinh-anh-1 */



/* form-lien-he-1 */

.form-lien-he-1 {

  background-color: var(--primarycolor);

  padding: 0;

  background-attachment: fixed;

}

.form-lien-he-1 .title {

  color: var(--lightColor);

  margin-top: 0;

  margin-bottom: 0.5rem;

}

.form-lien-he-1 .title-description {

  text-align: center;

  color: var(--lightColor);

  margin-bottom: 2rem;

  font-weight: 300;

}

.form-lien-he-1 .col-bg {

  background-color: var(--secondarycolor75);

  padding: 1.5rem 50px;

}

.form-lien-he-1 .btn.btn-readmore {

  background-color: var(--secondarycolor);

  padding: 7px 30px;

}

.form-lien-he-1 .btn.btn-readmore:hover {

  background-color: var(--lightColor);

}

/* End form-lien-he-1 */



/* cam-ket-2 */

.cam-ket-2 {

  padding-top: 0;

  padding-bottom: 0;

}

.cam-ket-2 .img-bg {

  width: 100%;

  height: 500px;

  object-fit: cover;

  margin-bottom: -500px;

  z-index: -1;

}

.cam-ket-2 .title {

  color: var(--lightColor);

  margin-top: 0;

  margin-bottom: 2rem;

}

.cam-ket-2 .title-description {

  color: var(--lightColor);

}

.cam-ket-2 .col-first {

  min-height: 660px;

  display: flex;

  align-items: center;

}

.cam-ket-2 .col-first .img-container {

  height: 300px;

  box-shadow: -20px 20px 0 hsla(0, 0%, 27%, 0.27);

  position: relative;

}

.cam-ket-2 .cam-ket-card-2 {

  position: absolute;

  width: 280px;

  height: 280px;

  text-align: center;

  color: var(--lightColor);

  background-color: rgba(255, 255, 255, 0.65);

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  padding: 50px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  gap: 5px;

  /* border: 5px outset rgb(255 255 255 / 9%); */



  /* box-shadow: inset 0 0 2px 0 rgb(255 255 255 / 40%),

    inset 0 0 3px 0 rgb(0 0 0 / 80%), inset 0 0 3px 5px rgb(0 0 0 / 5%),

    2px 2px 4px 0 rgb(0 0 0 / 25%);

  text-shadow: 0 0 2px rgb(0 0 0 / 30%);

  overflow: hidden; */

}

.cam-ket-2 .cam-ket-card-2:nth-child(1) {

  top: 0;

  left: 0;

}

.cam-ket-2 .cam-ket-card-2:nth-child(2) {

  top: 50px;

  right: 0;

}

.cam-ket-2 .cam-ket-card-2:nth-child(3) {

  top: 265px;

  right: 50px;

  left: 0;

  margin: 0 auto;

}

.cam-ket-2 .cam-ket-card-2 .mo-ta {

  font-size: 14px;

}

.cam-ket-2 .cam-ket-card-2 .tieu-de {

  font-size: 18px;

  font-weight: 500;

}

.cam-ket-2 .cam-ket-card-2 .img-container {

  height: 125px;

}

.cam-ket-2 .cam-ket-card-2 .img-container img {

  object-fit: contain;

}

.cam-ket-2 .cam-ket-card-2 > div {

  position: relative;

}

.cam-ket-2 .cam-ket-card-2::after {

  content: "";

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.65);

  position: absolute;

  bottom: -5px;

  left: -5px;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  z-index: -2;

}

.cam-ket-2 .cam-ket-card-2::before {

  content: "";

  width: 100%;

  height: 100%;

  background-color: var(--secondarycolor);

  position: absolute;

  top: 2px;

  right: 2px;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  z-index: -1;

}

/* End cam-ket-2 */



/* cam-ket-card-slider */

.cam-ket-card-slider {

  background-color: var(--lightColor);

  color: var(--primarycolor);

  padding: 10px;

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

}

.cam-ket-card-slider .img-container {

  height: 85px;

  justify-content: end;

  float: right;

}

.cam-ket-card-slider .img-container img {

  width: auto;

  object-fit: contain;

}

.cam-ket-card-slider .info {

  padding-top: 65px;

}

.cam-ket-card-slider .info .tieu-de {

  text-transform: uppercase;

  font-weight: 800;

  font-size: 18px;

}

.hotline-slide {

  background-color: var(--primarycolor50);

  height: 78px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--lightColor);

  gap: 5px;

  font-size: 20px;

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

}

.hotline-slide a {

  color: #f9ec2b;

  font-size: 32px;

  font-weight: 800;

}

/* End cam-ket-card-slider */

/* gioi-thieu-3 */

.gioi-thieu-3 {

}

.gioi-thieu-3 .container {

  overflow: hidden;

}

.gioi-thieu-3 .img-container {

  height: 100%;

}

.gioi-thieu-3 .info {

  position: relative;

  height: 100%;

  color: var(--lightColor);

  background-color: var(--primarycolor);

  padding-left: 150px;

  margin-left: -100px;

  padding-right: 250px;

  margin-right: -220px;

  transform: skew(30deg);

  -webkit-transform: skew(30deg);

  -moz-transform: skew(30deg);

  -ms-transform: skew(30deg);

  -o-transform: skew(30deg);

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.gioi-thieu-3 .info .mo-ta {

  transform: skew(-30deg);

  -webkit-transform: skew(-30deg);

  -moz-transform: skew(-30deg);

  -ms-transform: skew(-30deg);

  -o-transform: skew(-30deg);

}

.gioi-thieu-3 .info::before {

  content: "";

  position: absolute;

  top: 0;

  left: 20px;

  width: 20px;

  height: 100%;

  background-color: var(--lightColor);

}

/* End gioi-thieu-3 */



/* san-pham-3 */

.san-pham-3 {

}

.san-pham-3 .nav-tabs.nav-tabs-sp {

  flex-wrap: nowrap;

  overflow: auto;

  padding: 2px 0;

  gap: 1rem;

}

.san-pham-3 .nav-tabs.nav-tabs-sp {

  border: 0;

  margin-bottom: 0.7rem;

}

/* width */

.san-pham-3 .nav-tabs.nav-tabs-sp::-webkit-scrollbar {

  display: none;

}

.san-pham-3 .nav-tabs.nav-tabs-sp .nav-link {

  width: 100%;

  margin-top: 0;

  border: 1px solid var(--primarycolor);

  font-size: 20px;

  font-weight: 700;

  text-transform: uppercase;

  color: var(--primarycolor);

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  white-space: nowrap;

}

.san-pham-3 .nav-tabs.nav-tabs-sp .nav-link.active {

  background-color: var(--primarycolor);

  color: var(--lightColor);

}

/* End san-pham-3 */



/* danh-gia-card */

.danh-gia-card .img-container {

  width: 140px;

  height: 140px;

  border: 2px solid var(--lightColor);

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  overflow: hidden;

  box-shadow: 0 0 5px rgba(68, 68, 68, 0.3);

  margin-top: -70px;

  margin-left: -1px;

  position: relative;

}

.danh-gia-1 .slick {

  margin: 0 -10px;

}

.danh-gia-1 .slick .danh-gia-card {

  margin: 0 10px;

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  margin-top: 70px;

}

.danh-gia-card .info1 {

  display: flex;

  flex-direction: column;

  height: 100%;

  justify-content: center;

  font-size: 16px;

}

.danh-gia-card .info1 > span {

  padding-left: 80px;

  margin-left: -40px;

}

.danh-gia-card .info1 .tieu-de {

  text-transform: uppercase;

  font-size: 18px;

  display: block;

  padding-top: 5px;

  padding-bottom: 5px;

  border-bottom: 1px solid;

}

.danh-gia-card .info2 {

  padding: 5px 20px;

}

.danh-gia-card {

  color: var(--primarycolor);

  border: 1px solid;

}

.danh-gia-card:hover {

  color: var(--lightColor);

  background-color: var(--primarycolor);

}

/* danh-gia-card */



/* san-pham-4 */

.san-pham-4 .img-container.img-banner {

  position: relative;

  overflow: hidden;

  height: 100%;

  min-height: 645px;

}

.san-pham-4 .img-container.img-banner::after {

  content: "";

  background-color: transparent;

  position: absolute;

  top: 20px;

  left: 20px;

  width: calc(100% - 40px);

  height: calc(100% - 40px);

  border: 3px solid var(--lightColor);

  box-shadow: 0 0 5px var(--lightColor);

}

.san-pham-4 .img-container.img-banner img {

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

}

.san-pham-4 .img-container.img-banner:hover img {

  transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

}

/* End san-pham-4 */



/* san-pham-5 */

.san-pham-5 {

  padding-top: 0;

  padding-bottom: 3rem;

}

.san-pham-5 .title {

  margin: 3rem 0;

}

.san-pham-5 .slick-san-pham {

  margin: 0 -0.75rem;

}

.san-pham-5 .slick-san-pham .sp-card-10 {

  margin: 0 0.75rem;

}

.san-pham-5 .slick-san-pham .sp-card-10 .img-container {

  height: 200px;

}



/* End san-pham-5 */



/* tin-tuc-8 */

.tin-tuc-8 {

  --bs-gutter-x: 1.5rem;

  padding-top: 0;

  padding-bottom: 5rem;

}

.tin-tuc-8 .slick-tin-tuc {

  margin: 0 -0.75rem;

}

.tin-tuc-8 .slick-tin-tuc .tintuc-card-15 {

  margin: 0 0.75rem;

}

/* End tin-tuc-8 */



/* hinh-anh-2 */

.hinh-anh-2 {

  padding: 0;

  --bs-gutter-x: 0;

  --bs-gutter-y: 0;

}

.hinh-anh-2 .row {

  --bs-gutter-x: inherit;

  --bs-gutter-y: inherit;

}

.hinh-anh-2 .img-container {

  height: 250px;

}

/* End hinh-anh-2 */



/* gioi-thieu-box */

.gioi-thieu-box {

}

.gioi-thieu-box .title {

  margin-bottom: 2rem;

  text-transform: uppercase;

}

.gioi-thieu-box .mo-ta {

  color: var(--primarycolor);

  margin-bottom: 2rem;

  font-weight: 300;

}

.gioi-thieu-box .img-container-3 {

  padding-bottom: 62%;

}

/* End gioi-thieu-box */



/* tin-tuc-9 */

.tin-tuc-9 {

  padding: 3rem 0;

}

/* End tin-tuc-9 */



/* gioi-thieu-4 */

.gioi-thieu-4 {

  padding: 3rem 0;

}

.gioi-thieu-4 .gioi-thieu-box .title {

  font-size: 20px;

}

.gioi-thieu-4 .gioi-thieu-box .mo-ta {

  color: var(--darkColor);

}

.gioi-thieu-4 .gioi-thieu-box .mo-ta h1,

.gioi-thieu-4 .gioi-thieu-box .mo-ta h2,

.gioi-thieu-4 .gioi-thieu-box .mo-ta h3,

.gioi-thieu-4 .gioi-thieu-box .mo-ta h4,

.gioi-thieu-4 .gioi-thieu-box .mo-ta h5,

.gioi-thieu-4 .gioi-thieu-box .mo-ta h6 {

  color: var(--primarycolor);

}

.gioi-thieu-4 .row-hinh-anh {

  margin-bottom: 1rem;

}

.gioi-thieu-4 .row-hinh-anh .img-container-2 {

  width: 65px;

}

.gioi-thieu-4 .row-hinh-anh .info {

  display: flex;

  flex-direction: column;

  height: 100%;

  justify-content: center;

  font-size: 24px;

}

.gioi-thieu-4 .row-hinh-anh .info > span {

  text-transform: uppercase;

  font-size: 18px;

  font-weight: 300;

}

.gioi-thieu-4 .img-container-3.img-video {

  position: relative;

  padding-bottom: 113%;

  overflow: unset;

}

.gioi-thieu-4 .img-container-3.img-video::after {

  background-color: var(--lightColor);

  width: 80px;

  height: 80px;

  position: absolute;

  top: 0;

  bottom: 0;

  left: -40px;

  content: "";

  box-shadow: 0 0 5px #ff993e;

  margin: auto 0;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  background-image: url("../images/play.png");

  background-repeat: no-repeat;

  background-position: center;

}

.gioi-thieu-4 .img-container-3.img-video .nam-kinh-nghiem {

  position: absolute;

  top: -25px;

  right: -25px;

  color: var(--lightColor);

  background-color: var(--primarycolor);

  border: 6px solid;

  text-align: center;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  padding: 0 0.5rem;

  height: 150px;

  font-size: 16px;

}

.gioi-thieu-4 .img-container-3.img-video .nam-kinh-nghiem strong {

  font-family: var(--titleFont);

  font-size: 48px;

}

/* End gioi-thieu-4 */



/* tin-tuc-10 */

.tin-tuc-10 {

  padding: 3rem 0;

}

.tin-tuc-10 .title {

  margin-bottom: 3rem;

}

/* End tin-tuc-10 */



/* banner-2 */

.banner-2 {

  padding: 4rem 0;

  background-attachment: fixed;

}

.banner-2 .info {

  background-color: hsla(215, 100%, 12%, 0.67);

  color: var(--lightColor);

  padding: 2rem 1rem;

  padding-right: 8rem;

}

.banner-2 .info .tieu-de {

  color: inherit;

  font-weight: bold;

  font-size: 24px;

  text-transform: uppercase;

  display: block;

  margin-bottom: 1rem;

}

.banner-2 .info .mo-ta {

  font-weight: 500;

  font-size: 13px;

  margin-bottom: 1rem;

}

.banner-2 .info .mo-ta ul {

  list-style-type: none;

  font-size: 16px;

  color: #fff000;

  text-transform: uppercase;

  padding: 0;

  display: flex;

  flex-direction: column;

  gap: 5px;

}

.banner-2 .info .mo-ta ul li::before {

  content: "\f124";

  font-family: "FAS";

  transform: rotateZ(35deg);

  display: inline-block;

  margin-right: 8px;

  -webkit-transform: rotateZ(35deg);

  -moz-transform: rotateZ(35deg);

  -ms-transform: rotateZ(35deg);

  -o-transform: rotateZ(35deg);

  font-size: 14px;

}

/* End banner-2 */



/* gioi-thieu-5 */

.row-gioithieu {

  --bs-gutter-x: 3rem;

  --bs-gutter-y: 0;

}

.gioi-thieu-5 {

  padding-bottom: 3rem;

  padding-top: 6rem;

}

.gioi-thieu-5 .img-gioi-thieu {

  width: 450px;

  padding-bottom: 120%;

  box-shadow: 0 0 5px #ffffff, -2rem -2rem 0 #001a3e;

}

.gioi-thieu-5 .info {

  color: #585858;

  font-weight: 300;

}



.gioi-thieu-5 .progress-container {

  margin-bottom: 2rem;

}

.progress-container {

  display: flex;

  flex-direction: column;

  gap: 2rem;

}

.progress-container .progress {

  background-color: #939393;

  height: 3px;

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  overflow: unset;

}

.progress-container .progress-bar {

  position: relative;

  overflow: unset;

}

.progress-container .progress-bar .number {

  position: absolute;

  bottom: 100%;

  right: -13px;

  width: 100%;

  text-align: end;

}

.progress-container .progress-bar::after {

  content: "";

  position: absolute;

  height: 250%;

  width: 2px;

  right: 0;

  top: 0;

  background-color: inherit;

  transform: translateY(-25%);

  -webkit-transform: translateY(-25%);

  -moz-transform: translateY(-25%);

  -ms-transform: translateY(-25%);

  -o-transform: translateY(-25%);

}

.progress-container .label-progress {

  color: #868585;

}

/* End gioi-thieu-5 */



/* banner-3 */

.banner-3 {

  padding: 5rem 0;

  background-attachment: fixed;

  background-position: center bottom;

}

.banner-3 .info {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  color: var(--lightColor);

  text-align: center;

}

.banner-3 .info .title {

  color: inherit;

  text-transform: uppercase;

  text-shadow: -2px 2px hsl(0deg 0% 27% / 25%);

  margin: 0;

}

/* End banner-3 */



/* gioi-thieu-6 */

.gioi-thieu-6 {

  padding-top: 3rem;

  padding-bottom: 6rem;

}

.gioi-thieu-6 .img-gioi-thieu {

  position: relative;

  padding-bottom: 114%;

  overflow: unset;

}

.gioi-thieu-6 .img-gioi-thieu::after {

  content: "";

  position: absolute;

  bottom: -40px;

  left: -40px;

  background-color: transparent;

  border: 5px solid #ff9126;

  width: 90%;

  height: 100%;

  z-index: -1;

}

/* End gioi-thieu-6 */



/* khac-1 */

.khac-1 {

  padding: 3rem 0;

  overflow: unset;

  margin-bottom: 7rem;

}

.khac-1 .info {

  background-color: var(--lightColor);

  padding: 2rem 1rem;

  box-shadow: -1.5rem 1.5rem 0 hsla(0, 0%, 27%, 0.25);

}

.khac-1 .info.margin-this {

  transform: translateY(50%);

  -webkit-transform: translateY(50%);

  -moz-transform: translateY(50%);

  -ms-transform: translateY(50%);

  -o-transform: translateY(50%);

}

.khac-1 .info .tieu-de {

  font-size: 28px;

  font-weight: bold;

  text-transform: uppercase;

  display: inline-block;

  margin-bottom: 2rem;

}

.khac-1 .info .mo-ta ul {

  display: flex;

  flex-direction: column;

  gap: 1rem;

  list-style-type: none;

}

.khac-1 .info .mo-ta ul li:before {

  content: "\f0a4";

  font-family: FAS;

  display: inline-block;

  margin-left: -25px;

  margin-right: 10px;

}

.row-tamnhin {

  --bs-gutter-x: 2rem;

  --bs-gutter-y: 0;

}

/* End khac-1 */



/* khac-2 */

.khac-2 {

  padding: 3rem 0;

}

.khac-2 .title {

  margin-bottom: 3rem;

}

/* End khac-2 */



/* doi-tac-cam-nhan */

.doi-tac-cam-nhan {

  position: relative;

  padding: 6rem 0;

  margin-bottom: 10rem;

  overflow: visible;

}

.doi-tac-cam-nhan .doi-tac-container .title span {

  font-size: 2rem;

  color: var(--lightColor);

}

.doi-tac-cam-nhan .doi-tac-container .img-container-3 {

  background-color: var(--lightColor);

  padding-bottom: 50%;

}

.doi-tac-cam-nhan .cam-nhan-container {

  width: 100%;

  position: absolute;

  top: 50px;

  left: 0;

}

.doi-tac-cam-nhan .cam-nhan-container .cam-nhan-box {

  background-color: var(--lightColor);

  padding: 3rem 5em;

  box-shadow: -2rem 2rem 0 hsla(0, 0%, 27%, 0.25);

}

.doi-tac-cam-nhan .cam-nhan-container .cam-nhan-box .img-container-2 {

  margin-bottom: 1rem;

}

.doi-tac-cam-nhan .cam-nhan-container .cam-nhan-box .title {

  text-align: center;

  text-transform: uppercase;

  font-size: 24px;

}

/* End doi-tac-cam-nhan */



/* ban-lanh-dao-card */

.ban-lanh-dao-card {

}

.ban-lanh-dao-card .img-container-2 {

  box-shadow: 0 0 5px #777777;

}

.ban-lanh-dao-card .info {

  width: 90%;

  background-color: var(--lightColor);

  margin-right: auto;

  margin-left: auto;

  margin-top: -2rem;

  padding: 1rem 0;

  color: #313131;

  border: 3px solid;

  text-align: center;

  position: relative;

  display: flex;

  flex-direction: column;

  justify-content: center;

  gap: 0.5rem;

  font-family: var(--primaryFont);

  font-weight: 300;

}

.ban-lanh-dao-card .info .tieu-de {

  font-size: 18px;

  font-family: inherit;

  font-weight: 500;

}

.ban-lanh-dao-card .info .nav a {

  display: inline-block;

  width: 30px;

  height: 30px;

  border: 1px solid;

  line-height: 2;

}

/* End ban-lanh-dao-card */



/* coppyright */

.coppyright {

  color: #282828;

}

/* coppyright */



/* coppy any thing and paste here */



.carousel-indicators {

  display: none;

}



.box-sl {

}



.box-sl label {

  float: left;

  margin-right: 0px;

  position: relative;

  top: 10px;

}



.box-sl .soluong {

  width: 100%;

  height: 40px;

  text-align: center;

  font-size: 16px;

  border-radius: 0px;

  border: 1px solid #d8dad6;

  float: right;

  font-weight: bold;

}



.tab-sp .nav-link {

  color: #000;

  font-weight: bold;

  text-transform: uppercase;

}



.navbar-toggle {

  display: none;

}



.carousel-item img {

  height: 450px;

}



.slick-danh-muc-trang-chu {

  margin-left: 10px;

}



.g-recaptcha {

  overflow: hidden;

  display: inline-block;

}



tbody,

td,

tfoot,

th,

thead,

tr {

  border-width: inherit;

}



section.intro__detail {

  padding: 40px 0;

}



section.intro__detail2 {

  padding: 80px 0;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



.intro__detail2__des1 {

  max-width: 768px;

  width: 100%;

  background: rgba(255, 255, 255, 0.5);

  padding: 20px;

  border-radius: 5px;

  margin-left: auto;

  margin-bottom: 40px;

}



.intro__detail2__des2 {

  background: rgba(255, 255, 255, 0.5);

  padding: 15px;

  border-radius: 10px;

  margin-top: 80px;

}



section.nganh {

  padding: 20px 0;

}



.nganh__img {

  height: 200px;

  overflow: hidden;

}



.nganh__img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.nganh__info {

  text-align: center;

  color: var(--darkColor);

}



.nganh__info h1 {

  font-size: 20px;

  font-family: var(--titleFont);

  color: var(--primarycolor);

}



.nganh__info div {

}



.nganh__img:hover img {

  transition: 0.5s;

  transform: scale(1.05);

}



.time__video h1 {

  color: #fff;

  margin-bottom: 15px;

}



.time__video .noi-dung {

  color: #fff;

}



.news2__img {

  position: relative;

  display: block;

}



.news2__img img {

  height: 150px;

  width: 100%;

  object-fit: cover;

}



.thong-tin-module {

}



.ngoai__item:hover {

  transform: translateY(-5px);

  box-shadow: #ccc 0 0 10px;

}



.ngoai__item {

  box-shadow: #ccc 0 0 5px;

  border-radius: 5px;

  margin: 30px 0;

  transition: 0.5s;

  padding: 15px;

  cursor: pointer;

}



.ngoai__img {

  text-align: center;

}



section.ngoai {

  padding: 20px 0;

}



.gia__img {

  text-align: center;

  border-radius: 50%;

}



.chungnhan__content {

  /* display: grid;

    grid-gap: 20px;

    grid-template-columns: repeat(5, 1fr); */

  margin-right: -48px;

}



.chungnhan__content .slick-next {

  right: 15px;

}



.chungnhan__content .slick-prev,

.chungnhan__content .slick-next {

  width: auto;

  height: auto;

  font-size: 30px;

  line-height: 1;

  color: #000;

  background-color: transparent;

  text-shadow: 0 0 10px #444;

}



.chungnhan__item {

  height: 160px;

  overflow: hidden;

  background: #fff;

}



.chungnhan__item img {

  width: 80%;

  height: 100%;

  border: 1px solid #ccc;

  object-fit: contain;

}



section.chungnhan {

  padding: 20px 0;

}



.chungnhan__item:hover img {

  transition: 0.5s;

  transform: scale(1.05);

}



section.dooitac {

  color: #fff;

  padding: 45px 0;

  background: #af1617;

}



.doitac__img {

}



.hinh-sp-nav {

  margin-right: -2px;

  margin-left: -2px;

}



.hinh-sp-nav .img-container {

  margin-right: 2px;

  margin-left: 2px;

}

.hinh-sp-nav .img-container img {

  height: 80px;

  cursor: pointer;

  object-fit: contain;

}



.hinh-sp-main {

}



.hinh-sp-main a {

  display: block;

}



.hinh-sp-main a img {

  width: 100%;

  height: 450px;

  object-fit: contain;

}



.map-lien-he iframe {

  width: 100%;

  height: 400px;

}

.p-no-margin p {

  margin-bottom: 0;

}

.mt--30 {

  margin-top: -30px;

}

.slick-dots-rectangle .slick-dots {

  display: flex;

  gap: 15px;

  justify-content: center;

}

.slick-dots-rectangle .slick-dots li {

  width: auto;

  height: auto;

  margin: 0;

}

.slick-dots-rectangle .slick-dots li button {

  background-color: #dfdfdf;

  opacity: 1;

  padding: 0;

  width: 50px;

  height: 5px;

  border-radius: 50px;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  -ms-border-radius: 50px;

  -o-border-radius: 50px;

}

.slick-dots-rectangle .slick-dots li.slick-active button {

  background-color: var(--primarycolor);

}

.slick-dots-rectangle .slick-dots li button::before {

  content: unset;

}

/* End coppy any thing and paste here */