@charset "utf-8";



/* CSS Document */



/* @import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap&subset=vietnamese"); */



/* set up */



:root {

  --primarycolor: #145ce3;

  --primarycolor25: #145ce340;

  --primarycolor50: #145ce380;

  --primarycolor75: #145ce3bf;

  --primarycolorDarker: #0e3e97;

  --secondarycolor: #4fccf9;

  --darkColor: #000;

  --lightColor: #fff;

  --linkColor: #000;

  --linkHoverColor: #a52929;

  --navBackground: #fff;

  --navColor: #1a1a1a;

  --navActiveColor: #145ce2;

  --navFocusColor: #145ce2;

  --navDropdownBackground: #fff;

  --navDropdownColor: #000;

  --navDropdownActiveColor: #145ce2;

  --navDropdownFocusColor: #145ce2;

  --navShadown: none;

  --titleDecorationColor: #ff0000;

}



.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;

}



body {

  font-family: var(--primaryFont), sans-serif;

  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: 60px;

}

.fixed .logo img {

  height: 40px;

}

.title {

  color: var(--primarycolor);

  font-family: var(--titleFont);

  margin-bottom: 25px;

  margin-top: 20px;

  font-size: 2rem;

}

.title-module {

  font-family: var(--titleModuleFont);

}

.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;

  margin-top: 0;

  margin-bottom: 3rem;

}



.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::before {

  margin-right: 5px;

}

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

  margin-left: 5px;

}

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

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

  background-color: currentColor;

  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: #002CAE;



}



.title.has-decoration {

  position: relative;

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

  background-repeat: no-repeat;

  background-size: contain;

  height: 125px;

  background-position: center left;

  color: var(--titleDecorationColor);

  font-weight: normal;

  margin-bottom: 40px;

  margin-top: 40px;

}



.title.has-decoration .icon-decoration {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 43px;

  width: 90px;

  height: 65%;

  margin: auto 0;

}



.title.has-decoration .readmore {

  position: absolute;

  top: 0;

  bottom: 0;

  right: 5px;

  height: 0px;

  color: var(--darkColor);

  text-transform: uppercase;

  margin: auto 0;

  font-size: 15px;

}



.title.has-decoration span {

  position: absolute;

  top: 0;

  left: 165px;

  bottom: 0;

  margin: auto 0;

  height: 100%;

  font-size: 28px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding-bottom: 12px;

  width: 46%;

}



.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.tab {

  background-color: #6d7279;

  color: var(--lightColor);

  margin: 0;

  padding: 10px;

  border: 0;

  border-radius: 0;

}

.title.tab.active {

  font-family: var(--titleFont) !important;

  background-color: #002CAE;

  color: var(--lightColor) !important;

}



.noi-dung {

  font-family: var(--primaryFont);

}



.btn-readmore {

  color: var(--lightColor);

  padding: 0.7rem 1.5rem;

  text-transform: uppercase;

  font-family: var(--buttonFont);

  display: inline-block;

  font-size: 16px;

  background-color: #002CAE;

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

}



.btn-readmore:hover {

  color: var(--primarycolor);

  background: var(--lightColor);

}

.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: #145ce3;

  color: #fff;

  text-transform: uppercase;

  padding: 7px 20px;

  font-weight: bold;

  font-size: 16px;

  font-family: RobotoMedium;

  border-radius: 0;

}



.btn.btn-dk:hover {

}



.well a {

  color: #000;

}



header {

  background-color: var(--lightColor);

  color: #000;

  position: relative;

  padding: 1rem 0;

  z-index: 2;

  /* display: none; */

}



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

  padding: 0;

  width: 30px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 14px;

  margin-left: 3px;

  border-radius: 50%;

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

}

header .holine {

  margin: 0;

  color: #ff0000;

  font-family: "RobotoBlack";

  font-size: 20px;

}

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

}

.facebook-theme {

  background-color: #3b5998;

  color: #fff;

}

.youtube-theme {

  background-color: #ff0000;

  color: #fff;

}

.twitter-theme {

  background-color: #1da1f2;

  color: #fff;

}

.instagram-theme {

  background: linear-gradient(

    45deg,

    #405de6,

    #5851db,

    #833ab4,

    #c13584,

    #e1306c,

    #fd1d1d

  );

  color: #fff;

}

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 .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;

  font-family: RobotoMedium;

}



.img-bo-cong-thuong {

  height: 40px;

}



.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: #002CAE;

}



.pagination-page a:hover {

  text-decoration: underline;

}



/* End pagination-page */



/* breadcrumb */



.breadcrumb {

  float: right;

  border-bottom: none;

  margin-top: -50px;

  background-color: transparent;

  padding: 0px;

  margin-bottom: 0px;

  padding-bottom: 0px;

  font-family: var(--breadcrumbFont);

}



.breadcrumb > li a {

  color: #868282;

}



.breadcrumb .breadcrumb-item.active span {

  color: var(--primarycolor);

  font-weight: bold;

}



/* End breadcrumb */



/* general */



.ten-cong-ty {

  color: #a52929;

  text-transform: uppercase;

  text-align: center;

  font-family: var(--tencongtyFont);

  margin: 0;

  padding: 0;

  font-size: 24px;

}



.hotline {

  color: var(--secondarycolor);

  margin: 0;

}



.hotline span {

  font-weight: bold;

  font-size: 26.4px;

}



.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: Roboto;

  font-weight: bold;

}

.label-hotline {

  display: block;

  font-family: RobotoMedium;

  color: var(--primarycolor);

}

/* End general */



/* search-form */



.form-search {

  position: absolute;

  top: 35px;

  right: 35px;

  z-index: 1;

  display: none;

  background-color: var(--lightColor);

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

}



.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 {

  position: absolute;

  top: 0;

  right: 2px;

  background-color: transparent;

  border: 0;

  outline: 0;

  box-shadow: none;

  height: 28px;

  font-size: 16px;

  bottom: 0;

  margin: auto 0;

  color: #bbbbbb;

}



.form-search form input {

  border-radius: 0px;

  outline: 0;

  height: 40px;

  width: 300px;

  border: 0;

  font-size: 14px;

  padding: 10px 15px;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  -o-border-radius: 0px;

}



.form-search form input::placeholder {

  font-style: italic;

  color: #bbb;

}



/* End search-form */



/* nav-custom */



.nav-custom {

  color: var(--navColor);

  background-color: var(--navBackground);

  box-shadow: var(--navShadown);

  z-index: 2;

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

  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;

}

.nav-custom .navbar-nav {

  /* border-top: 2px solid var(--primarycolor);

  border-bottom: 2px solid var(--primarycolor); */

  position: relative;

}

.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: 250px;

}

.nav-custom.fixed {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 1055;

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

}



.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: var(--navColor);

  font-size: 16px;

  padding: 5px 15px;

  margin: 0;

  position: relative;

  /* border: 2px solid transparent; */

  /* border-radius: 30px; */

  text-transform: uppercase;

}

.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; */

}



.nav-custom .navbar-brand {

  padding-left: 0 !important;

  margin-left: 0;

}



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

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

.nav-custom .navbar-brand:hover {

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

  color: var(--navActiveColor);

}



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

  margin: 0;

  position: relative;

}



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

  /* position: absolute;

  content: "";

  background-color: #006b1b;

  width: 0;

  height: 2px;

  left: 20px;

  bottom: 18px;

  margin: auto 0;

  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:after,

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

  /* width: 40%; */

}



.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;

}



.nav-custom .dropdown-menu {

  /*position: relative;

  */

  top: 100%;

  right: 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;

}



.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-top: 5px;

  padding-bottom: 5px;

  transition: all 0.3s;

}

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

  float: right;

  vertical-align: middle;

}



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

  color: var(--navBackground);

  background-color: var(--navActiveColor);

}



.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 {

  position: relative;

  text-transform: uppercase;

  font-size: 16px;

  font-weight: normal;

  padding: 5px 30px;

  background-image: url("../images/background-menu.gif");

  background-position: left center;

  background-size: contain;

  background-repeat: no-repeat;

  display: flex;

  align-items: center;

  color: #e70200;

  flex-wrap: nowrap;

}



.gio-hang-container .bg-white {

  border-radius: 5px;

  padding-left: 15px;

  padding-right: 15px;

  padding-top: 5px;

  padding-bottom: 5px;

}



.gio-hang-container .gio-hang {

  display: inline-block;

  margin-right: 5px;

}



.gio-hang-container .line {

  border: 1px solid #e70200;

  width: 1px;

  height: 39px;

  display: inline-block;

  transform: rotateZ(7deg);

  position: absolute;

  top: 0;

}



.gio-hang-container .thanh-tien {

  display: inline-block;

  margin-left: 10px;

}



.gio-hang-container a {

  color: #e70200;

}



/* End gio-hang-container */



/* footer */



footer {

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

  color: var(--lightColor);

}

.bg-footer {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  padding-top: 1rem;

}



footer .logo img {

  height: 80px;

}



footer .ten-cong-ty {

  font-size: 3.2rem;

}



footer a {

  color: inherit;

}



footer a:hover {

  text-decoration: underline;

  color: red;

}



footer .title-f {

  font-size: 21px;

  font-family: var(--titleFooterFont);

  margin-bottom: 2rem;

  margin-top: 1rem;

  display: inline-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: 1px;

  width: 55px;

  position: absolute;

  bottom: -8px;

  left: 0;

  background-color: var(--lightColor);

}



footer .nav .nav-link {

  color: var(--lightColor);

  padding-top: 0;

  padding-bottom: 0;

}



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;

}



footer .chantrang {

  color: var(--darkColor);

  background-color: var(--lightColor);

  padding: 0.2rem 0;

  font-family: "Roboto";

  font-size: 14px;

}



footer .chantrang a {

  color: var(--darkColor);

}



footer ul {

  padding-left: 0;

  list-style: none;

}



footer ul.nav-hor {

  display: inline-block;

}



footer ul li {

  margin-bottom: 15px;

  font-size: 14px;

}



footer .map iframe {

  height: 600px;

}



footer iframe {

  width: 100%;

}



footer .mxh-icon {

  display: inline-block;

  margin-bottom: 0;

  padding-left: 0;

}



footer .mxh-icon li {

  display: inline-block;

  margin-bottom: 0;

  margin-right: 10px;

}



footer .mxh-icon li a {

  display: inline-block;

  width: 30px;

  height: 30px;

  border: 2px solid currentColor;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  text-align: center;

  line-height: 2.1;

  font-size: 14px;

}



footer .mxh-icon li a.fill {

  background-color: var(--lightColor);

  color: var(--primarycolor);

  border-color: var(--lightColor);

}

footer .mxh-icon i {

}



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 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;

}

/* 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;

}



.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: var(--darkColor);

}

.chi-tiet-san-pham .gia {

  font-size: 32px;

}



.btn-mua {

  background-color: #002CAE;

  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: #002CAE;

  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: #002CAE;

  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);

}

.des-module{
  font-size:16px;
  line-height:1.625;
}

.btn.dropdown-toggle {

  padding: 0.5rem 2rem;

  text-transform: uppercase;

  font-family: var(--primarycolor);

  border: 6px double;

  border-radius: 7px;

}



.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: #bbb;

  font-style: italic;

}



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

  background-color: #002CAE;

  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: #002CAE;

    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: #002CAE;

  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-family: RobotoBlack;

  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: #fe0000;

  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;

  font-family: "RobotoLight";

  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: 1.5rem;

}

.tintuc-card-2 {

  position: relative;

}

.tintuc-card-2 .img-container {

  height: 400px;

  border-radius: 10px;

  overflow: hidden;

}

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

  content: "";

  position: absolute;

  width: 90%;

  height: 90%;

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

  box-shadow: 0 0 8px #fff, inset 0 0 8px #fff;

  border-radius: 10px;

  margin: auto;

  animation: pulse 2s linear 1s infinite;

  -webkit-animation: pulse 2s linear 1s infinite;

}

.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 .dia-diem {

  position: absolute;

  color: #049829;

  background-color: var(--lightColor);

  font-family: RobotoMedium;

  padding: 5px 10px;

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  bottom: 25px;

  left: 36px;

  text-transform: uppercase;

}

@-webkit-keyframes pulse {

  0% {

    box-shadow: 0 0 8px #fff, inset 0 0 8px #fff;

  }

  25% {

    box-shadow: 0 0 12px #fff, inset 0 0 12px #fff;

  }

  50% {

    box-shadow: 0 0 16px #fff, inset 0 0 14px #fff;

  }

  75% {

    box-shadow: 0 0 12px #fff, inset 0 0 12px #fff;

  }

  100% {

    box-shadow: 0 0 8px #fff, inset 0 0 8px #fff;

  }

}

.row.row-tintuc {

  --bs-gutter-y: 1.5rem;

}

.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 {

  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-3:hover {

  box-shadow: 0 0 7px rgba(68, 68, 68, 0.342);

}

.tintuc-card-3 .img-container {

  height: 120px;

}

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

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.tintuc-card-3 .info {

}

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

  color: var(--darkColor);

  font-family: RobotoLight;

  font-weight: bold;

  font-size: 16px;

}

/* 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 */



/* 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: #002CAE;

  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);

  font-family: "ROBOTO";

}



.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 {

  background-position: center top;

}



.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-family: "RobotoMedium";

  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-family: "RobotoBlack";

  font-size: 19px;

  margin-bottom: 1.5rem;

  text-transform: uppercase;

  display: block;

}



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

  font-family: "RobotoThin";

  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;

  font-family: "RobotoBlack";

  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 */

.row.row-gioithieu {

  --bs-gutter-x: 3.5rem;

}

.gioi-thieu {

  position: relative;

  padding: 5rem 0;

}



.gioi-thieu .mo-ta {

  color: var(--darkColor);

}

.gioi-thieu .img-container {

  position: relative;

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

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  height: 450px;

}

.gioi-thieu .img-container::after,

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

  content: "";

  position: absolute;

  width: 200px;

  height: 200px;

  background-color: #002CAE;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  z-index: -1;

}

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

  bottom: -50px;

  left: -50px;

}

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

  top: -50px;

  right: -50px;

  opacity: 49%;

}

.gioi-thieu .img-container img {

}

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

  position: absolute;

  bottom: -50px;

  right: -50px;

  color: var(--lightColor);

  background-color: #002CAE;

  text-align: center;

  font-size: 1.3em;

  padding: 10px;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  -o-border-radius: 20px;

  text-transform: uppercase;

  font-family: RobotoMedium;

}

.gioi-thieu .img-container .mo-ta-2 > * {

  margin-bottom: 13px;

}

.gioi-thieu .img-container .mo-ta-2 > *:last-child {

  margin-bottom: 0;

}

.gioi-thieu .title {

  margin-top: 0;

}

/* End gioi-thieu */



/* gia-tri-card */

.gia-tri-card {

  margin-bottom: 1rem;

}

.gia-tri-card .info {

  padding-top: 11px;

  padding-bottom: 10px;

  padding-left: 45px;

  padding-right: 15px;

  background-color: #002CAE;

  position: relative;

  width: calc(100% - 34px);

}

.gia-tri-card .info img {

  position: absolute;

  top: 0;

  left: -20px;

  width: 47px;

  height: 47px;

  object-fit: contain;

  padding: 5px;

  background-color: var(--lightColor);

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

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

}

.gia-tri-card .info .tieu-de {

  font-family: Roboto;

  color: var(--lightColor);

  text-transform: uppercase;

  font-size: 18px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.gia-tri-card .info .mo-ta {

  color: var(--lightColor);

  font-family: RobotoLight;

}

.gia-tri-card .info .mo-ta .icon-collapse {

  color: var(--lightColor);

  float: right;

}

.gia-tri-card .info .tieu-de.collapsed .icon-collapse {

  display: inline;

}

.gia-tri-card .info .tieu-de .icon-collapse {

  display: none;

}

/* End gia-tri-card */



/* 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 *::placeholder,

.form-lienhe {

  font-family: var(--formFont);

  font-style: italic;

  color: #eee;

}



.form-lienhe {

  position: relative;

}

.form-lienhe .hinh_anh_trang_tri {

  position: absolute;

  bottom: -73px;

  right: -23px;

  z-index: 1;

  height: 200px;

}

.form-lienhe > form {

}

.form-lienhe .title {

  margin-top: 0;

  color: var(--lightColor);

  font-family: var(--titleFont3);

  margin-bottom: 2rem;

  font-style: normal;

}

.form-lienhe .form-control {

  border: 0;

  box-shadow: 0 0 5px rgba(255, 255, 255, 0.534);

  font-size: 14px;

  font-family: "RobotoLight";

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  color: var(--lightColor);

  background-color: var(--darkColor);

border-radius: 5px;}

.form-lienhe input.form-control {

  height: 40px;

border-radius: 5px;}

.form-lienhe .row-lienhe {

  --bs-gutter-y: 1.5rem;

}

.form-lienhe label {

  margin-bottom: 0.2rem;

  color: var(--primarycolor);

  font-style: normal;

  font-size: 16px;

}

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

  font-family: RobotoLight;

  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 {

  font-family: "RobotoMedium";

  color: var(--primarycolor);

  display: block;

  font-size: 16px;

}



.tintuc-lienquan-card .info .date {

  font-size: 14px;

  font-weight: bold;

}



/* End tintuc-lienquan-card */



/* banner */

.banner {

  position: relative;

  padding-top: 0;

  margin-top: -50px;

}

.row.row-banner {

  --bs-gutter-y: 1.5rem;

}

.banner .img-container {

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

}

.banner .img-container img {

  width: 100%;

  object-fit: cover;

  height: 250px;

}

.banner .mask {

  position: absolute;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  top: 0;

  left: 0;

}



.btn-banner {

  background-color: transparent;

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

  padding: 5px 10px;

  border-radius: 5px;

  color: var(--darkColor);

  text-transform: uppercase;

  font-size: 16px;

  font-family: Roboto;

  margin-top: 100px;

  margin-right: 50px;

}

.btn-banner:hover {

  background-color: #002CAE;

  color: var(--lightColor);

}



/* 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-weight: bold;

  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: 3rem;

  padding-bottom: 1rem;

}



.slick-doitac {

  margin-right: -15px;

  margin-left: -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 {

  background-size: contain;

}

.san-pham-trang-chu .title {

}

.row.row-sp {

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 1.5rem;

}



.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-next {

  right: -38px;

  background-image: url("../images/arrow-slick-hover.png");

}



.sanpham-slick .slick-prev {

  left: -38px;

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

}



.sanpham-slick .sp-card {

  margin-right: 15px;

  margin-left: 15px;

  margin-top: 1rem;

  margin-bottom: 1rem;

}



.sp-noibat {

  padding: 2rem 0;

  overflow: hidden;

}



.sp-card {

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

  padding: 10px;

}



.sp-card a {

  display: block;

}



.sp-card .img-container {

  overflow: hidden;

  width: 100%;

  height: 300px;

  margin-bottom: 0.5rem;

  background-color: var(--lightColor);

}



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

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  transition: all 0.4s;

}



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

}



.sp-card .ten-sp {

  font-family: RobotoMedium;

  color: #fe0000;

  font-size: 16px;

  text-transform: uppercase;

  margin: 0.5rem 0;

}



.sp-card .ten-sp:hover {

  text-decoration: underline;

}



.sp-card .btn-readmore {

  display: inline-block;

}



.sp-card .gia-container {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 0.5rem;

  border-bottom: 1px solid #9a9a9a;

  flex-wrap: wrap-reverse;

}

.sp-card .gia {

  display: block;

  margin: 0;

  background-color: #002CAE;

  color: var(--lightColor);

  padding: 3px 12px;

  border-radius: 50px;

  font-family: "RobotoMedium";

}



.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 {

  font-family: RobotoMedium;

  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;

  font-family: RobotoLight;

}

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

  font-size: 14px;

  color: #f94545;

}

.giang-vien img {

  height: 60px;

  width: 60px;

  border-radius: 50%;

  object-fit: cover;

}

/* End sp-card */



/* youtube */



.youtube {

  background-color: #000;

  margin-bottom: 30px;

  position: relative;

  padding-top: 56.25%;

  overflow: hidden;

  cursor: pointer;

}



.youtube img {

  width: 100%;

  top: -16.82%;

  left: 0;

  opacity: 0.7;

}



.youtube .play-button {

  width: 90px;

  height: 90px;

  background-color: transparent;

  z-index: 1;

  opacity: 1;

  border-radius: 50%;

}



.youtube .play-button:before {

  content: "";

  border-style: solid;

  border-width: 40px 0 40px 70px;

  border-color: transparent transparent transparent #fff;

}



.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;

  font-family: "RobotoMedium";

  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: #002CAE;

  color: var(--lightColor);

  padding: 10px;

  font-family: SVNFranko;

  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: 2rem;

  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;

  font-family: "RobotoLight";

}



.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: #002CAE;

  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: #002CAE;

  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: #002CAE;

  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 {

}

.side-nav .side-nav-container {

  margin-top: 40px;

  margin-bottom: 40px;

  box-shadow: 0 0 5px #444;

}

.side-nav .side-nav-container .title-side-nav {

  font-family: var(--titleFont);

  color: var(--secondarycolor);

  background-color: #002CAE;

  text-align: center;

  padding: 1rem 0.5rem;

  font-size: 26px;

}

.side-nav .side-nav-container .body-side-nav {

  padding: 1rem;

}

.side-nav .side-nav-container .body-side-nav .img-hotro {

  width: 100%;

}



.side-nav .side-nav-container .body-side-nav .hotro {

  color: var(--secondarycolor);

  font-family: Roboto;

  border-top: 1px dashed #ccc;

}



.side-nav .side-nav-container .body-side-nav .hotro p {

  font-size: 16px;

  margin-bottom: 5px;

}

.side-nav .side-nav-container .body-side-nav .hotro span {

  color: var(--darkColor);

}

.side-nav .side-nav-container .nav-tintuc .nav-link {

  text-transform: uppercase;

  color: var(--darkColor);

  padding: 0.5rem 0;

}

.side-nav .side-nav-container .nav-tintuc .nav-link:hover {

  text-decoration: underline;

}

.side-nav .side-nav-container .nav-tintuc .nav-link i {

  color: var(--secondarycolor);

  margin-right: 5px;

}

/* End side-nav */



/* top-header */

.top-header {

  background-color: #145ce3;

  color: var(--lightColor);

  padding: 10px 0;

  /* position: fixed;

  top: 0;

  left: 0;

  z-index: 1055;

  width: 100%; */

}



.padding .top-header {

  background-color: #002CAE;

}

.top-header .nav .nav-link {

  padding: 0;

  padding-left: 10px;

  color: inherit;

}

.top-header span {

  display: inline-block;

  margin-right: 5px;

}

/* End top-header */



/* camnhan */

.row.row-camnhan {

  --bs-gutter-x: 6rem;

}

.cam-nhan {

  padding: 6rem 0;

}

.slick-cam-nhan .slick-dots {

  /* bottom: 50px; */

}

.slick-hinh-anh-cam-nhan img {

  height: 400px;

  width: 100%;

  object-fit: cover;

  border-radius: 50px;

}

.camnhan .mo-ta::before {

  /* content: "\f10d";

  font-family: "FAS";

  display: block;

  font-size: 120px;

  color: var(--primarycolor); */

}

.stars {

  color: #fff000;

  margin-bottom: 1rem;

  font-size: 16px;

}

.camnhan .mo-ta {

  margin-bottom: 1rem;

}

.camnhan .ten {

  margin-bottom: 0;

  font-style: italic;

  font-family: Roboto;

}

.camnhan .vi-tri {

  margin-bottom: 0;

  font-family: RobotoMedium;

}

.camnhan .img-gioi-tinh {

  height: 60px;

}



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

  margin: 0;

}

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

  content: "\f111";

  font-family: "FAS";

  opacity: 1;

  color: #e1e1e1;

  font-size: 10px;

}

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

  color: #145ce3;

  opacity: 1;

  font-size: 16px;

}

/* End camnhan */



/* 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: #002CAE;

}

.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 {

}

.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: #002CAE;

  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 {

  background-color: #002CAE;

  color: var(--lightColor);

  padding: 0.5rem;

}

.nav-sp .pagination-page {

  margin-top: 0;

  display: flex;

  justify-content: end;

}

.nav-sp .pagination-page > span,

.nav-sp .pagination-page a {

  color: var(--lightColor);

  background-color: #002CAE;

  margin-left: 3px;

}

.nav-sp .pagination-page a:hover,

.nav-sp .pagination-page > span {

  background-color: var(--lightColor);

  color: var(--primarycolor);

}

/* End nav-sp */



/* cam-ket */

.camket_sec {

  padding: 2rem 0;

}

.cam-ket {

}

.cam-ket .img-container {

  position: relative;

}

.cam-ket .img-container > div {

  width: 120px;

  height: 120px;

  border-radius: 50%;

  background-color: #126098;

  padding: 25px;

  z-index: 1;

}

.cam-ket.color-1 .img-container > div {

  background-color: #f04646;

}

.cam-ket.color-2 .img-container > div {

  background-color: #5c8640;

}

.cam-ket.color-3 .img-container > div {

  background-color: #5f95a1;

}

.cam-ket .img-container::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  width: 128px;

  height: 128px;

  background: linear-gradient(

    to top,

    rgba(255, 255, 255, 0.9),

    rgba(255, 255, 255, 0.5)

  );

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  margin: auto;

}

.cam-ket .img-container > div > img {

  object-fit: contain;

  width: 100%;

  height: 100%;

}

.cam-ket .info {

  background-color: #126098;

  color: var(--lightColor);

  padding: 10px;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  -o-border-radius: 10px;

  padding-top: 70px;

  margin-top: -60px;

}

.cam-ket.color-1 .info {

  background-color: #f04646;

}

.cam-ket.color-2 .info {

  background-color: #5c8640;

}

.cam-ket.color-3 .info {

  background-color: #5f95a1;

}

.cam-ket .info .number-title {

  display: block;

  font-family: var(--titleFont);

  color: #01a32a;

  font-size: 24px;

}

.cam-ket .info .tieu-de {

  font-family: RobotoMedium;

  color: var(--lightColor);

  display: block;

  text-align: center;

  font-size: 16px;

  margin-bottom: 1rem;

}

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

  font-family: RobotoLight;

  text-align: center;

  margin-bottom: 0.5rem;

}

.cam-ket .info .readmore {

  font-family: RobotoLight;

  color: var(--lightColor);

}

/* 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;

  font-family: RobotoLight;

  color: inherit;

}

.hotro-card .info .zalo {

  display: block;

  font-family: RobotoLight;

  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 {

  font-family: RobotoMedium;

  text-transform: uppercase;

  font-size: 24px;

  color: var(--darkColor);

  margin-bottom: 2rem;

  display: block;

}

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

  font-family: RobotoLight;

  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 */

.row.row-cate {

  --bs-gutter-x: 20%;

  --bs-gutter-y: 2.5rem;

}

.cate-home .title {

  margin-bottom: 2rem;

}

.cate-card {

}

.cate-card .img-container {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  background-color: #002CAE;

  padding: 15px;

}

.cate-card .img-container img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.cate-card .info .tieu-de {

  display: block;

  color: var(--darkColor);

  font-family: RobotoMedium;

  font-size: 17px;

  margin-bottom: 0.4rem;

}

.cate-card .info .mo-ta {

  font-size: 14px;

  font-family: RobotoLight;

  font-weight: bold;

}

/* End cate-card */



/* 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 */



/* sanphamchitiet */

.sanphamchitiet {

}

.sanphamchitiet .title.border-b {

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

}

.sanphamchitiet .gia {

  font-family: RobotoBlack;

  font-size: 32px;

}

.sanphamchitiet .noi-dung {

  font-size: 16px;

  font-family: Roboto;

}

/* End sanphamchitiet */



/* giang-vien-chi-tiet */

.giang-vien-chi-tiet {

  background-color: #efefef;

}

.giang-vien-chi-tiet .giang-vien-body {

  padding: 15px;

}

.giang-vien-chi-tiet .title {

  background-color: #002CAE;

  color: var(--lightColor);

  padding: 10px;

  margin-top: 0;

  margin-bottom: 1rem;

}

.giang-vien-chi-tiet .giang-vien-body .ten {

  font-family: RobotoBlack;

  font-size: 20px;

}

.giang-vien-chi-tiet .img-container {

}

.giang-vien-chi-tiet .img-container img {

  width: 200px;

  height: 200px;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

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

}

/* End giang-vien-chi-tiet */



/* 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;

}



tbody,

td,

tfoot,

th,

thead,

tr {

  border-width: inherit;

}



section.intro__detail {

  padding: 40px 0;

  font-family: "svn";

}



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;

  font-family: "svn";

}



.intro__detail2__des2 {

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

  padding: 15px;

  border-radius: 10px;

  margin-top: 80px;

  font-family: "svn";

}



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: -10px;

}



.hinh-sp-nav img {

  padding-right: 10px;

  height: 200px;

  object-fit: cover;

}



.hinh-sp-main {

}



.hinh-sp-main a {

  padding: 10px;

  display: block;

}



.hinh-sp-main a img {

  width: 100%;

  height: 350px;

  object-fit: contain;

  box-shadow: 0 0 5px #444;

}



.map-lien-he iframe {

  width: 100%;

  height: 400px;

}



/* End coppy any thing and paste here */