.bottom--why ul,
.btn--lnik {
  z-index: 9999;
  position: relative
}

.bottom--why ul,
.btn--lnik,
.footer_light,
.logo_center .logo a {
  position: relative
}

.post_wrap .intro_wrap .decs,
.post_wrap .intro_wrap .title {
  text-overflow: ellipsis;
  line-height: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.support_footer {
  list-style-type: none;
  display: flex;
  gap: 20px;
  padding-left: 0;
  align-items: center;
}

.f-700,
.footer-menu .title h3,
.image-cat .info .title h3,
.section h2 {
  font-weight: 700
}

.danhmuc ul,
.footer-menu .menu .content ul,
.sidebar .widget_recent_post {
  list-style-type: none;
  padding-left: 0
}

a,
a:hover {
  text-decoration: none
}

.map_flexop {
  position: fixed;
  right: 20px;
  bottom: 156px;
  z-index: 1;
}

.map_flexop img {
  width: 50px;
}

.nav-bottom .sub-menu-wrap .menu-item a{
    padding: 0 0 20px !important;
}

.btn-duan a,
.category-name button,
.middle-header {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11)
}

.d-grid {
  display: grid
}

.grid-col-3 {
  grid-template-columns: repeat(3, 1fr)
}

.grid-col-4 {
  grid-template-columns: repeat(4, 1fr)
}

.grid-col-5 {
  grid-template-columns: repeat(5, 1fr)
}

.grid-col-6 {
  grid-template-columns: repeat(6, 1fr)
}

.grid-col-2 {
  grid-template-columns: repeat(2, 1fr)
}

.grid-col-600 {
  grid-template-columns: 40% 60%
}

.grid-col-1-3-1 {
  grid-template-columns: 2fr 1fr 2fr
}

.grid-col-1-2-1 {
  grid-template-columns: 1fr 1.5fr 0.8fr
}

.grid-col-2-1 {
  grid-template-columns: 2fr 1fr
}

.grid-col-3-1 {
  grid-template-columns: 3fr 1fr
}

.grid-col-4-1 {
  grid-template-columns: 4fr 1fr
}

.grid-col-6-1 {
  grid-template-columns: 6fr 1fr
}

.grid-col-1-2 {
  grid-template-columns: 1fr 2fr
}

.grid-col-1-15 {
  grid-template-columns: 1fr 1.5fr
}

.grid-col-1-3 {
  grid-template-columns: 1fr 3fr
}

.grid-col-1-8 {
  grid-template-columns: 1fr 8fr
}

.grid-col-9 {
  grid-template-columns: repeat(9, 1fr)
}

.grid-col-8 {
  grid-template-columns: repeat(8, 1fr)
}

.gap-10 {
  gap: 10px
}

.nav_style5 .owl-nav {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.gap-20 {
  gap: 20px
}

.gap-30 {
  gap: 30px
}

.gap-40 {
  gap: 40px
}

.gap-50 {
  gap: 50px
}

.gap-5 {
  gap: 5px
}

.gap-100 {
  gap: 100px
}

.gap-80 {
  gap: 80px
}

.link-ul li,
.post_chothue .text-post .icon i,
.sidebar .post_footer,
.sub--child-child li a {
  font-size: 14px
}

.fade-in {
  opacity: 0;
  transition: opacity 1s ease-in-out
}

.fade-in.loaded,
.hero-slider .swiper-pagination-bullet-active {
  opacity: 1
}

.menu--fixed,
.moblie_header {
  display: none
}

.dropdown-top-header ul,
.menu_left ul,
.menu_right ul {
  list-style-type: none
}

.copyright,
.top--header {
  background: var(--color-1st)
}

.logo_center .logo a {
  display: block
}

.logo_center .logo a img {
  position: relative;
  z-index: 1
}

.logo_center .logo a::before {
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
  background: #fff;
  border-radius: 50%;
  content: '';
  height: 100%;
  z-index: 0;
  display: block
}

.middle-header .logo img {
    transition: all 0.3s ease;
    width: 150px; /* kích thước ban đầu */
}

.middle-header.shrink .logo img {
    width: 100px; /* kích thước khi scroll */
}

.middle-header.shrink .logo {
    box-shadow: unset;
}

.btn-sign-btn,
.footer_light {
  background: var(--color-1st)
}

.btn--lnik {
  margin-top: 30px
}

.btn--lnik img {
  max-width: 80px
}

.sticky-top {
  z-index: 99999
}

.post_wrap {
  box-shadow: 0 5px 10px rgba(0, 0, 0, .15), 0 4px 15px rgba(0, 0, 0, .13);
  overflow: hidden
}

.post_wrap:hover .image_wrap img {
  transform: scale(1.2);
  transition: .2s ease-in-out;
  overflow: hidden
}

.post_wrap .image_wrap img {
  transition: .2s ease-in-out
}

/* .product,
.product_img,
.product_img .product_hover_img,
.product_img a,
.product_wrap,
.right-blog .item {
    overflow: hidden;
    border-radius: 10px
} */

.section_form .decs * {
  color: #fff !important;
}

.post-child img,
figure img {
  display: block;
  margin: auto
}

.post_wrap .intro_wrap .title {
  -webkit-line-clamp: 2;
  height: 50px
}

.post_wrap .intro_wrap,
.slider-doitac .item {
  padding: 10px
}

.post_wrap .intro_wrap .decs {
  -webkit-line-clamp: 3;
  height: 75px;
  font-size: 16px
}

.center--footer .contant--footer {
  padding-left: 20px;
  border-left: 1px solid #dddddd47
}

.top--footer {
  border-bottom: 1px solid #dddddd47
}

@keyframes spin {
  from {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.danhmuc ul li a,
.post_content {
  display: flex;
  gap: 10px
}

.sidebar {
  position: sticky;
  top: 182px
}

.sidebar .post_header h4 {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-1st)
}

.ps-list--categories .last {
  border-bottom: 0
}

.shop_container {
  margin-bottom: 40px
}

#product-brand {
  flex-wrap: wrap
}

.btn-sign-btn {
  color: #ffff;
  border-radius: 20px;
  padding: 10px 30px;
  border: 0;
  white-space: nowrap
}

.btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
  border: 1px solid var(--color-1st);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%
}

.card-video .video-play-button {
  position: absolute;
  z-index: 10;
  inset: 0;
  margin: auto;
  box-sizing: content-box;
  display: block;
  cursor: pointer;
  width: 32px;
  height: 44px;
  border: none;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
  top: 45px;
  display: flex;
  align-items: center
}

.card-video .video-play-button:after,
.card-video .video-play-button:before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  background: linear-gradient(45deg, #4bc5e091 15%, var(--color-1st) 70%);
  border-radius: 50%;
  display: block
}

.card-video .video-play-button:before {
  z-index: 0;
  -webkit-animation: 1.5s ease-out infinite pulse-border;
  animation: 1.5s ease-out infinite pulse-border
}

.card-video .video-play-button:after {
  z-index: 1;
  transition: .2s;
  box-shadow: 0 2px 7px #131b49
}

.card-video .video-play-button:hover:after {
  background-color: var(--color-1st)
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 30px solid #fff;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-radius: 4px
}

.nav-bottom ul li:hover>a,
.section .title h4,
.section h2.title_lon {
  color: var(--color-1st)
}

.btn-xemthem {
  display: flex;
  align-items: center;
  gap: 10px
}

.btn-xemthem a {
  font-weight: 400;
  font-size: 14px;
  position: relative;
  padding-left: 25px;
}

.btn-xemthem a::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.btn-xemthem a:hover::before {
  background: var(--color-1st);
  border: 4px solid #fff;
  transition: all 0.2s ease;
}

.section_video_home {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.video_section2 .video_item {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
  border-radius: 5px;
}

.video_section2 .video_item .video-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
  z-index: -1;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.section_video_home .intro_video {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.dropdown-menu-header .dropdown-menu-li img{
    width: 22px !important;
}

.menu_right .header__actions{
    padding-top: 5px;
}

.section_video_home .intro_video .intro {
  width: 480px;
  padding: 0 0 140px;
}

.section_video_home .intro_video .intro * {
  color: #fff;
}

h2.title_media {
  font-weight: 600;
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0
  }
}

.section {
  padding: 50px 0
}

.video_section2{
  padding: 100px 0
}

.header_wrap .middle-header {
  padding: 0;
  background: #fff;
}

.lienhe_contact {
  position: relative;
  z-index: 1;
  margin: 50px 0 100px
}

.suppot-hotline span,
.copy {
  font-size: 14px
}

.suppot-hotline img {
  width: 15px
}

.lienhe_contact .contant {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-radius: 20px;
  position: relative;
  background: #fff;
  z-index: 1
}

.lienhe_contact::after,
.lienhe_contact::before {
  background-color: rgba(128, 128, 128, .12);
  backdrop-filter: blur(4.6px);
  z-index: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  content: '';
  left: 0;
  top: 0
}

.lienhe_contact::before {
  border: 1px solid;
  border-radius: 30px;
  transform: rotate3d(1, 1, 1, 8deg)
}

.lienhe_contact::after {
  border: 1px solid;
  border-radius: 30px;
  transform: rotate3d(1, 1, 1, -8deg)
}

@media (max-width:767.98px) {

  .section .grid-col-2,
  .section--news .grid-col-3,
  .section--number .number--home {
    grid-template-columns: 1fr !important
  }

  .section--number .number--home .image .link--catalogue {
    left: 0
  }
}

.select-css {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat, repeat;
  background-position: right 20px top 50%, 0 0;
  background-size: .65em auto, 100%
}

.select-css::-ms-expand {
  display: none
}

.select-css:hover {
  border-color: #888
}

.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 0 0 rgba(59, 152, 252, 0);
  box-shadow: 0 0 0 0 -moz-mac-focusring;
  color: #222;
  outline: 0
}

.select-css option {
  font-weight: 400;
  display: block;
  padding: 20px 0
}

.contact--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #204fa0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden
}

.contact--fixed.shop {
  opacity: 1;
  visibility: visible
}

.contact--fixed .contact .form-contact {
  background: #fff;
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 20px;
  border-radius: 20px;
  overflow: hidden;
  position: relative
}

.hero-slider .swiper-button-next:before,
.hero-slider .swiper-button-prev:before {
  font-size: 15px;
  color: #d4d3d3;
  font-style: normal;
  display: inline-block vertical-align middle;
  font-weight: 900
}

.contact--fixed .form-group {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--color-1st);
  border-radius: 20px;
  overflow: hidden;
  padding: 0 20px
}

.contact--fixed .form-group .form-control {
  border: 0
}

.contact--fixed .contact {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center
}

.contact--fixed .contact .right-contact {
  background: #edf2f9
}

.contact--fixed .title h4 {
  color: var(--color-1st);
  font-weight: 700
}

.nav-fixed .middle-header {
  padding: 0 !important
}

.danhmuc ul svg {
  width: 15px
}

.blog-media-project .title_lop h3 {
  position: relative;
  padding-bottom: 10px
}

.blog-media-project .title_lop h3::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  background: var(--color-1st);
  width: 50%;
  height: 1px
}


.cat_name h5,
.sub--child>li>a {
  border-bottom: 1px solid #ffff
}

.hero-slider {
  width: 100%;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0
}

.hero-slider .swiper-slide {
  overflow: hidden;
  color: #fff
}

.hero-slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.hero-slider .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left
}

.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
  background: 0 0;
  width: 55px;
  height: 55px;
  line-height: 53px;
  margin-top: -30px;
  text-align: center;
  border: 2px solid #d4d3d3;
  border-radius: 55px;
  opacity: 0;
  visibility: hidden;
  transition: .3s
}

.hero-slider:hover .swiper-button-next,
.hero-slider:hover .swiper-button-prev {
  transform: translateX(0);
  opacity: 1;
  visibility: visible
}

.hero-slider .swiper-button-prev {
  left: 25px;
  transform: translateX(50px)
}

.hero-slider .swiper-button-prev:before {
  content: "\276C"
}

.hero-slider .swiper-button-next {
  right: 25px;
  transform: translateX(-50px)
}

.hero-slider .swiper-button-next:before {
  content: "\276D"
}

.hero-slider .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  text-align: left;
  line-height: 12px;
  font-size: 12px;
  color: #000;
  opacity: .3;
  background: #fff;
  transition: .2s
}

.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
  bottom: 30px
}

.dropdown .sub-menu-wrap {
  position: absolute;
  width: 100%;
  background: #fff;
  top: 100%;
  opacity: 0;
  transform: translateY(40px);
  transition: .3s;
  visibility: hidden;
  left: 0;
  border-top: 1px solid #fff;
  padding: 50px 0 30px
}

.dropdown:hover .sub-menu-wrap {
  opacity: 1;
  transform: translateY(0);
  transition: .3s;
  visibility: visible;
    border: 1px solid #ddd;
}

.sub-menu-wrap .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 100px;
  justify-items: center
}

.sub-menu-wrap ul li {
  position: relative !important
}

.dropdown .sub-menu-wrap .sub-menu {
  padding-left: 0
}

.dropdown .sub-menu-wrap .menu-item {
  padding: 0 20px !important
}

.swiper-pagination {
  text-align: left
}

.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 50px;
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%)
}

.counter-container .counter-number::before {
  position: absolute;
  content: '+';
  right: -30px
}

.counter-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: space-around;
  align-items: center;
  background-color: #4173c8;
  border-bottom-left-radius: 50px;
  border-top-right-radius: 50px;
  padding: 20px;
  color: #fff;
  text-align: center;
  margin-top: 50px;
  margin-bottom: -120px
}

.bottom--categories .categories,
.theme-btn,
.theme-btn-s2 {
  border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
  text-align: center
}

.bottom--categories .categories,
.categories-child .sub--child,
.sub--child-child {
  padding-left: 0;
  list-style-type: none
}

.counter-item {
  flex: 1
}

.counter-number {
  position: relative;
  font-size: 50px;
  font-weight: 700;
  display: inline
}

.circle,
.play {
  position: absolute
}

.theme-btn,
.theme-btn-s2,
.theme-btn-s3 {
  font-weight: 500;
  text-transform: uppercase
}

.counter-title {
  margin-top: 10px;
  font-size: 18px
}

.menu_right .nav-bottom>ul {
  display: grid;
  grid-template-columns: 125px 125px 125px;
}

.logo_center_section1.logo {
  left: 50% !important;
  transform: translateX(-50%);
}

@media (min-width:767px) {
  .hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 30px
  }
}

.hero-style {
  height: 90vh;
  transition: .4s
}

@media screen and (min-width:992px) {
  .hero-style .container {
    padding-top: 95px
  }

  .sub-menu-wrap .sub-menu {
    display: flex;
    column-gap: 10px;
    flex-wrap: wrap
  }
}

.nav-bottom ul>li>a,
.sub-menu-wrap .sub-menu a,
.title_news h4 {
  font-size: 18px
}

.hero-style .slide-btns,
.hero-style .slide-text,
.hero-style .slide-title {
  max-width: 550px
}

.hero-style .slide-title h2 {
  font-size: 45px;
  font-weight: 600;
  color: var(--color-1st);
  margin: 0 0 30px;
  text-transform: capitalize;
  transition: .4s
}

.play {
  z-index: 1
}

.circle {
  stroke-dasharray: 52;
  animation: 3s linear infinite rotate;
  transition: color 1s linear, stroke-dasharray 1s linear;
  z-index: 0
}

.bottom--categories .categories {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  align-items: center;
  background: var(--color-1st);
  transform: translateY(20px);
  margin-top: -20px;
  position: relative
}

.bottom--categories .categories li {
  padding: 10px
}

.bottom--categories .categories li a {
  color: #fff
}

.categories .category-first {
  border-bottom-left-radius: 30px
}

.categories>li:hover {
  background: #ed892f;
  border-radius: 0 30px
}

.categories-child:hover .sub--child {
  opacity: 11;
  visibility: visible;
  transform: translateX(0);
  transition: .2s
}

.categories-child .sub--child {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: var(--color-1st);
  text-align: left;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-20px);
  transition: .2s;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.logo-pro {
  position: absolute;
  bottom: 90%;
  right: 40px
}

.card-video,
.categories-child a,
.image-cat,
.lien-he a,
.nav-bottom .sub-menu-wrap ul li,
.nav-bottom ul li a,
.post_chothue .post .image {
  position: relative
}

.categories-child>a::before {
  position: absolute;
  content: '+';
  right: -10px
}

.lien-he a::before {
  font-family: Linearicons !important;
  position: absolute;
  content: '\ec44';
  right: -20px
}

.bottom--categories .categories .sub--child>li a:hover {
  color: #ed892f
}

.sub--child>li>a {
  padding: 10px;
  display: block
}

.header_wrap.nav-fixed .top--header,
.section_post_news {
  display: none
}

.header_wrap.nav-fixed .top_menu_pc {
  padding: 5px 0 !important
}

@keyframes rotate {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

@media (max-width:1199px) {
  .hero-style .slide-title h2 {
    font-size: 75px
  }
}

.hero-style .slide-text p {
  opacity: .8;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: normal;
  color: var(--color-1st);
  margin: 0 0 40px;
  transition: .4s
}

.hero-style .slide-btns>a:first-child {
  margin-right: 10px
}

.theme-btn,
.theme-btn-s2 {
  background-color: #ed892f;
  font-size: 20px;
  line-height: 1.4;
  color: #fff;
  padding: 9px 32px;
  display: inline-block;
  line-height: initial;
  transition: .4s
}

.blog-media .image,
.blog-media-new .item .image,
.danhmuc,
.duan_noibat .post_wrap .image_wrap {
  border-radius: 10px
}

.blog-news .info .decs-post,
.decs-pro,
.title {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

a {
  transition: .2s
}

.theme-btn-s2:active,
.theme-btn-s2:focus,
.theme-btn-s2:hover,
.theme-btn:active,
.theme-btn:focus,
.theme-btn:hover {
  background-color: #2b3b95;
  color: #fff
}

.theme-btn-s3 {
  font-size: 16px;
  line-height: 1.5;
  color: #fff
}

i.fa-chevron-circle-right {
  height: 22px;
  width: 22px
}

.nav-bottom ul li>a,
.section_post_news.active {
  display: block
}

.sub-menu-wrap .btn-a a {
  padding: 10px 20px
}

.nav-bottom ul li a {
  padding: 10px 0
}

.nav-bottom ul>li {
  position: unset
}

.nav-bottom>ul {
  border-top: 1px solid #dddddd3f
}

.nav-bottom ul li::before,
.nav-bottom>ul>li>a::before {
  position: absolute;
  width: 0;
  background: var(--color-1st);
  transition: .2s;
  content: '';
  height: 1px;
  bottom: 100%;
  left: 0
}

.nav-bottom ul li:hover::before,
.nav-bottom>ul>li>a:hover::before {
  width: 100%;
  transition: .2s
}

.blog-media .image,
.blog-media-new .item .image,
.blog-media-new .right-blog .item,
.blog-news,
.image-cat {
  overflow: hidden
}

.blog-news .info {
  padding: 0 20px 20px
}

.blog-news .info .decs-post {
  line-height: 25px;
  -webkit-line-clamp: 3;
  height: 75px
}

.blog-news .info .category span {
  padding: 5px 30px;
  background: var(--color-1st);
  color: #fff;
  display: inline-flex;
  margin: 10px 0;
  border-radius: 30px
}

.slide-btns span {
  font-weight: 700;
  font-size: 18px
}

.blog-media-new .right-blog .title a,
.blog-media-new .right-blog .title h5,
.copyright *,
.image-cat .info *,
.post_chothue .text-post * {
  color: #fff
}

.categories .product_img {
  aspect-ratio: 1200/800
}

.menu-footer ul {
  display: grid;
  gap: 10px;
  padding-left: 17px
}

.blog_text table,
.image_video img,
figure.table table {
  margin: auto
}

.center--footer {
  padding: 20px 0
}

.btn-contact a {
  background: var(--color-1st);
  padding: 5px 30px;
  border-radius: 20px;
  color: #fff;
  display: inline-flex;
  margin: 20px 0
}

.danhmuc {
  padding: 10px;
  box-shadow: 0 0 5px 0 #ddd
}

.blog--details h1 {
  font-size: 24px
}

.botton-content .title {
  border-bottom: 1px solid #ddd
}

.botton-content .title h3 {
  border-bottom: 1px solid var(--color-1st);
  display: inline-block;
  padding: 10px 0;
  margin-bottom: 0
}

.tamnhin .noidung .title,
.thongtin .title h3,
.trietly .left_trietly .title {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px
}

.section_featured_postnews .left .post_featured .image{
height: 400px;
}

.section_featured_postnews .right .post_featured .image{
height: 167px;
}

.section_featured_postnews .left .post_featured .image,
.section_featured_postnews .right .post_featured .image{
    background-size: cover;
    width: 100%;
    position: relative;
    display: block;
    background-position: 50% 50%;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 10px;
}

.section_featured_postnews .left .post_featured .image img,
.section_featured_postnews .right .post_featured .image img{
    bottom: 0px;
    font-family: "object-fit: cover;";
    height: 100%;
    left: 0px;
    object-fit: cover;
    object-position: 50% 50%;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    transition: filter 0.6s, opacity 0.6s, transform 0.6s, box-shadow 0.3s;
}

.decs-pro {
  -webkit-line-clamp: 3;
  height: 75px;
  line-height: 25px
}

.title {
  -webkit-line-clamp: 1;
  height: 28px;
  line-height: 25px;
}

.blog-media-project {
  background: #fff
}

.blog-media-project .project .title h3 a {
  color: var(--color-1st) !important
}

.banlanhdao .lanhdao .item {
  margin: 10px;
  text-align: center
}

.solieu_ul {
  list-style-type: none;
  padding-left: 0;
  display: grid;
  justify-content: end
}

.solieu_ul .solieu_li {
  display: grid;
  gap: 50px;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #dddd;
  padding: 15px
}

.tamnhin .noidung {
  position: absolute;
  background: #fff;
  width: 25%;
  top: 100px;
  padding: 20px
}

.trietly .left_trietly .title {
  display: flex;
  justify-content: center;
  text-align: center
}

.trietly .left_trietly .btn-a {
  text-align: center
}

.tamnhin .noidung .title::before,
.trietly .left_trietly .title::before {
  position: absolute;
  bottom: 0;
  width: 100px;
  content: '';
  height: 1px;
  background: var(--color-1st)
}

.trietly .left_trietly {
  padding: 40px
}

.btn-a {
  margin: 20px 0
}

.btn-a a {
  background: var(--color-1st);
  padding: 10px 30px;
  border-radius: 20px;
  color: #fff
}

.menu-footer iframe {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #ffff
}

.detail-decs ul {
  list-style-type: none;
  padding-left: 0;
  display: grid;
  gap: 10px
}

.name_lanhdao h4,
.section-news .title_news h4,
.title_chothue h4,
.title_news_nho h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.datdiemchinh .datdiem {
  justify-items: center
}

.thongtin .title h3 {
  border-bottom: 1px solid #ddd
}

.thongtin .title h3::before {
  content: '';
  position: absolute;
  background: var(--color-1st);
  width: 100px;
  height: 1px;
  bottom: 0;
  left: 0
}

.project .image {
  border-radius: 20px;
  overflow: hidden
}

.pr_detail .name .title_product {
  font-size: 28px;
  color: var(--color-1st);
  font-weight: 600;
}

.blog-media .image img,
.blog-media-new .item img,
.image-cat img {
  transform: scale(1);
  transition: .2s
}

.blog-media .image:hover img,
.blog-media-new .item:hover img,
.image-cat:hover img {
  transform: scale(1.5);
  transition: .2s
}

.cat_name {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  background: linear-gradient(180deg, #ffffff00, #000);
  padding: 20px
}

.duan .item-duan,
.item-tuvan,
.slider-cacbuoc .item_cac .item {
  background-color: rgba(128, 128, 128, .12);
  backdrop-filter: blur(4.6px)
}

.cat_name h5 {
  color: #fff;
  padding: 10px 0;
  margin: 10px 0
}

.slider-cacbuoc .item_cac .item {
  text-align: center;
  border: 1px solid;
  border-radius: 10px;
  padding: 20px
}

.duan-noibat .title h3 a {
  color: #fff !important
}

.duan .item-duan {
  border: 1px solid;
  border-radius: 10px;
  overflow: hidden
}

.datdiem .item .image img {
  max-width: 80px;
  max-height: 80px
}

.category-name {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0
}

.category-name button {
  border: 0;
  background: #fff;
  padding: 10px 20px
}

.button-line.active,
.category-name button:hover {
  background: var(--color-1st);
  color: #fff
}

.item-tuvan {
  border: 1px solid;
  border-radius: 10px;
  padding: 20px
}

.left-blog {
  height: 460px
}

.title_news_nho {
  padding: 0 0 10px;
  overflow: hidden
}

.title_news_nho h5 {
  padding: 10px;
  -webkit-line-clamp: 2;
  height: 49px
}

.title_chothue h4 {
  -webkit-line-clamp: 2;
  height: 49px
}

.section-news .posts .image {
  max-height: 213px;
  overflow: hidden;
  border-radius: 10px
}

.section-news .card-video {
  max-height: 517px;
  overflow: hidden;
  border-radius: 10px
}

.section-news .title_news h4 {
  -webkit-line-clamp: 2;
  margin-bottom: 15px;
  text-align: center;
  padding: 0 20px
}

.cat_name.show {
  background: linear-gradient(180deg, #ffffff00, var(--color-1st))
}

.slider-dautrang .image {
  width: 100%;
  height: 90vh
}

.dichvu_con {
  margin: 20px 0;
  flex-wrap: wrap;
  justify-content: center;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  text-align: center;
  align-content: center
}

.dichvu_con .line {
  background: #ececec;
  padding: 10px 20px;
  color: #000;
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px
}

.dichvu_con .line.shop {
  background: var(--color-1st);
  color: #ffff
}

.btn-duan a {
  padding: 5px 20px;
  background: 0 0;
  font-size: 14px
}

.related-post .post_wrap,
.rf-post .post_wrap {
  margin: 10px
}

.cacbuoc .post_wrap .intro_wrap .title,
.section_post .post_wrap .intro_wrap .title {
  height: unset
}

.item-blog .slider-pro .project {
  margin: 10px;
  border-bottom: 3px solid #dddd
}

.product-image .slick-track {
  margin-left: auto;
  margin-right: auto
}

.name_lanhdao h4 {
  line-height: 25px;
  height: 26px
}

.table td,
.table th {
  border-top: 0;
}

.datdiemchinh .right-item iframe {
  width: 100%;
}


.logo_left {
  position: relative;
}

.logo_left .logo {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  display: flex;
  justify-content: center;
  width: 200px;
  box-shadow: 0px 2px 1px 0px rgb(0 0 0 / 11%);
  border-radius: 30% / 40%;
  z-index: 20;
}

.suppot-hotline {
  padding-top: 10px;
}

.section_home_1 .suppot-hotline img {
  width: 25px;
}

.btn_playVideo {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
}

.btn_playVideo::after {
  content: '';
  width: 70px;
  height: 70px;
  background: #ffffff37;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  animation: trans .9s linear infinite;
}

.section_servics,
.section_whys,
.section_form {
  padding: 100px 0;
}

.servics_intro_text *,
.btn-xemthem a:hover {
  color: #fff;
}

.section_servics .contets_section .item_servics .item {
  position: relative;
    margin-right: 10px;
  overflow: hidden;
  border-radius: 5px;
}

.section_servics .contets_section .item_servics .item .servics_intro {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  align-items: end;
  padding: 30px;
  background: linear-gradient(180deg, #ffffff00, #114c7ab0);
}

.section_form .form_media {
  padding: 50px 30px !important;
  border: 1px solid #fff;
  border-radius: 30px;
  z-index: 2;
}

.section_form .form_media::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000073;
  z-index: 1;
}

.section_form .form_media .image img {
  z-index: 0;
}

.section_form .form_media .field_form {
  position: relative;
  z-index: 1;
}

.section_servics .contets_section .item_servics .item .image,
.section_form .form_media {
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
  position: relative;
}


.section_servics .contets_section .item_servics .item .image {
  height: 400px;
}

.section_form .form_media {
  padding-top: 100%;
}

.section_servics .contets_section .item_servics .item .image img,
.section_form .form_media .image img {
  bottom: 0;
  font-family: "object-fit: cover;";
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

h2.title_media {
  color: var(--color-1st);
}

.intro_video_sectio2 .intro {
  width: 60%;
}

.intro_video_sectio2 .intro h2.title_media {
  font-size: 44px;
}

.section_servics .header_section {
  display: grid;
  grid-template-columns: 1.5fr 2fr;
}

@keyframes trans {
  0% {
    width: 60px;
    height: 60px;
  }

  50% {
    width: 34px;
    height: 34px;
  }

  100% {
    width: 60px;
    height: 60px;
  }
}

F .item_whys .content_item {
  padding: 9px 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.item_whys .header_item {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}

.item_whys .content_item p span{
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 2;
    display: inline;
    -webkit-box-orient: vertical;
}

.product_img_box a {
    background-position: 50% 50%;
    background-size: cover;
    height: auto;
    overflow: hidden;
    padding-top: 70%;
    position: relative;
}

.product_img_box a img{
    bottom: 0;
    font-family: "object-fit: cover;";
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.product_img_box:not(.slick-initialized),
.slider-nav1:not(.slick-initialized){
    display: none;
}

.slider-nav1 .item_image .image{
    margin: 5px;
    padding: 5px;
    border: 1px solid #dddd;
}

.slider-nav1 .slick-current .image{
    border: 1px solid #000;
}

.item_whys .content_item {
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  height: 0;
  transition: all 0.2s ease;
  border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
}

.item_whys .content_item.active {
  opacity: 1;
  overflow: visible;
  visibility: visible;
  transition: all 0.2s ease;
  height: 85px;
}

.btn_tong {
  background: transparent;
  border: unset;
}

.section_form .form_media .form-control::placeholder {
  color: #ffffffa0;
    opacity: 0.5;
}

.btn_yeucau {
  background: rgb(255, 0, 0);
  color: #ffff;
  font-size: 20px;
  border-radius: 30px;
}

.section_form .field_form .form-control {
  border-radius: 30px;
  padding: 25px 50px;
}

.section_form {
  background: rgb(220, 221, 228);
}

.section_form .field_form {
  width: 50%;
  margin: 0 auto;
}

.btn-fill-out:hover,
.footer_light * {
  color: #fff !important;
}

.section_form .content_section {
  position: relative;
}

.section_form .content_section::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transform: rotate(5deg);
  border-radius: 20px;
  opacity: 0.4;
}

.section-doitac .doitac .hinh-doitac .image {
  background-position: 50% 50%;
  background-size: cover;
  height: 80px;
  overflow: hidden;
  position: relative;
  background: #fff;
  border-radius: 5px;
}

.section-doitac .doitac .hinh-doitac .image img {
  bottom: 0;
  font-family: "object-fit: cover;";
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
transition: filter 0.6s, opacity 0.6s, transform 0.6s, box-shadow 0.3s;
}

.section-doitac .doitac .hinh-doitac .image:hover img{
    transform: scale(1.1);
transition: filter 0.6s, opacity 0.6s, transform 0.6s, box-shadow 0.3s;
}

.menu-footer ul {
  list-style-type: none;
}

.check_section {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999999;
  justify-content: center;
  align-items: center;
}

.check_section {
  display: none;
}

.check_section.active {
  display: flex;
}

.check_section .btn_check button {
  background: transparent;
  border: 0;
}

.section_servics .contets_section .item_servics .item:hover img {
  transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
  transform: scale(1.1);
}


.section_servics .contets_section .item_servics .item img {
  transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}

.map_flexop .hotline_suppot,
.map_flexop .zalo_suppot {
  background: var(--color-1st);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.map_flexop svg {
  width: 30px;
  color: #fff;
}

.row_footer {
  display: grid;
  grid-template-columns: 445px 250px 213px 200px;
  gap: 20px;
}

.row_footer .map_google iframe {
  height: 200px;
}

h4.title {
  font-size: 20px;
  font-weight: 500;
  color: var(--color-1st);
}

.title_footer h3,
h2.title_media {
  text-transform: uppercase;
}

.yeucau_form .content_section {
  width: 80%;
  margin: auto;
}

.section_whys .content_item p,
.servics_intro p.decs,
.header_section .decs {
  font-size: 16px;
}

.blog-media-dichvu .category_child .category {
  display: grid;
  grid-template-columns: 565px 1fr;
  gap: 20px;
  align-items: center;
  transition: all .3s ease-in-out;
}

.blog-media-dichvu .category_child .category:hover {
  transform: translateY(-5px);
  background: #fff;
  box-shadow: 0 0 40px rgba(51, 51, 51, .1);
}

#filter_categories .ps-list--categories .sub-toggle.active .ti-angle-double-right:before{
    transform: rotate(90deg);
    display: inline-block;
    transition: all 0.4s;
}

#filter_categories .ps-list--categories .sub-toggle .ti-angle-double-right:before{
    transform: rotate(0deg);
    display: inline-block;
    transition: all 0.4s;
}

.section_breadcrumb {
    background: var(--color-1st);
}

.section_breadcrumb *{
    color: #fff !important;
}

.blog-media-dichvu .category_child .category.even {
  grid-template-columns: 1fr 565px;
  gap: 20px;
}

.blog-news .image a{
    border-radius: 5px;
}

.blog-media-dichvu .category_child .category .image-cat a,
.blog-news .image a {
  background-position: 50% 50%;
  background-size: cover;
  height: 350px;
  overflow: hidden;
  width: 100%;
  position: relative;
  display: block;
}


.blog-media-dichvu .category_child .category .image-cat img,
.blog-news .image a img {
  bottom: 0;
  font-family: "object-fit: cover;";
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}

.blog-news .image a:hover img {
  transform: scale(1.1);
  transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}

.blog-media-dichvu .category_child .category .image-cat a::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000005c;
  opacity: 0;
  transition: all 0.2s ease;
}

.blog-media-dichvu .category_child .category:hover .image-cat a::after {
  opacity: 1;
  transition: all 0.2s ease;
}

.btn_tong.active .ti-angle-down{
    transform: rotate(180deg);
    display: inline-block;
    transition: all 0.4s;
} 

.btn_tong .ti-angle-down{
    transform: rotate(0deg);
    display: inline-block;
    transition: all 0.4s;
} 

.blog-media-dichvu .category_child .category .info {
  margin: 0 60px;
}

.blog-media-dichvu .category_child .category .info h3.title {
  color: var(--color-1st);
}

.blog-media-dichvu .category_child .category .info .btn_a {
  display: block;
  padding: 10px;
  text-align: center;
  border: 1px solid var(--color-1st);
  margin-bottom: 20px;
}

.btn_url a {
  border: 1px solid var(--color-1st);
  padding: 5px 10px;
  color: var(--color-1st);
}

.btn_url a:hover {
  border: 1px solid transparent;
}

.btn_url a:hover i {
  padding-left: 10px;
  transition: all 0.2s ease;
}

.blog-media-dichvu .category_child .category .info .decs {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px;
  -webkit-line-clamp: 3;
  height: 75px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.blog-media-dichvu .category_child .category.even .info {
  grid-row: 1;
}

.post-child .post_blog {
  padding-left: 0;
  list-style-type: none;
  display: grid;
  gap: 10px;
  position: sticky;
  top: 135px;
}

.post-child .post_blog li a {
  border: 1px solid var(--color-1st);
  display: block;
  padding: 10px;
}

.post-child .post_blog li a.activated,
.post-child .post_blog li a:hover {
  background: var(--color-1st);
  color: #fff;
  transition: all 0.3s ease;
}

.post_wrap .image_wrap {
  background-position: 50% 50%;
  background-size: cover;
  height: 300px;
  overflow: hidden;
  width: 100%;
  position: relative;
}

.post_wrap .image_wrap img {
  bottom: 0;
  font-family: "object-fit: cover;";
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.title_danhmuc {
  padding: 10px;
  text-align: center;
  background: var(--color-1st);
  color: #ffff;
  border-radius: 5px;
  margin-bottom: 5px;
}

.product_price a {
  background: #ff3131;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  display: inline-block;
    text-transform: capitalize;
}

.menu-item-has-children .current-menu-item a {
  background-color: #b6def4 !important;
}

.product-image .product_img_zoom {
  background-position: 50% 50%;
  background-size: cover;
  height: auto;
  overflow: hidden;
  padding-top: 80%;
}

.product-image .product_img_zoom img {
  bottom: 0;
  font-family: "object-fit: cover;";
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.sku_msp {
  color: rgb(4, 93, 140);
  font-size: 14px;
}

.btn_mausac {
  background: transparent;
  border: 0;
  padding: 0;
}

.size_products {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.size_products .btn_size {
  padding: 10px;
  background: #ffff;
  border: 1px solid #ddd;
}

.size_products .btn_size.active {
  color: #fff;
  background: var(--color-1st);
  border: 1px solid #ddd;
}

.btn_mausac.active {
  border: 1px solid #000;
}

.btn_nhanbaogia_pro {
  border-top: 1px solid #000;
  padding: 20px 0;
  margin-top: 20px;
}

.btn_nhanbaogia_pro .nhanbaogia {
  background: rgb(255, 49, 49);
  border: 0;
  color: #ffff;
  display: block;
  width: 100%;
  padding: 10px;
    text-transform: capitalize;
}

.from_dathang {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
}

.from_dathang::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000053;
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
}

.from_dathang .field_form {
  width: 30%;
  margin: 0 auto;
  background: #ffff;
  padding: 20px;
  position: relative;
  border-radius: 5px;
}

.btn.btn-fill-out:hover {
  color: var(--color-1st) !important;
}

.close_from {
  position: absolute;
  top: -25px;
  z-index: 99;
  right: -35px;
  border: 0;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.from_dathang {
  display: none;
}

.from_dathang.active {
  display: flex;
  align-items: center;
  justify-content: center;
}

.freeship {
  background: #cee3ec;
  padding: 10px;
  font-size: 14px;
  color: #0474b4;
  margin-top: 20px;
}

.content_product .content_title {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  margin-bottom: 20px;
}

.content_product .content_title h3.title {
  border-bottom: 1px solid var(--color-1st);
  color: var(--color-1st);
  display: inline;
  padding: 10px;
}

.shop_container .title_text {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  margin-bottom: 20px;
  color: var(--color-1st);
  font-weight: 600;
}

.shop_container .title_text::after {
  position: absolute;
  content: '';
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 150px;
  height: 2px;
  background: var(--color-1st);
}

.btn_dowload a {
  background: var(--color-1st);
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
}

.btn_dowload a svg {
  width: 20px;
  fill: #fff;
}

@media(max-width:1200px) {
  .section-news .posts .image {
    max-height: 140px !important
  }
}

@media (max-width: 991.98px) {

  .shop_container .title_text::after {
    width: 50px;
    top: 60%;
  }

  .product_price {
    font-size: 12px;
  }

  .from_dathang .field_form {
    width: 80%;
  }

  .blog-media-dichvu .category_child .category .info {
    margin: 0 0;
    padding: 20px 20px 40px;
  }

  .section-doitac .doitac .hinh-doitac .image {
    height: 130px;
  }

  .middle-header,
  .banner_sanpham {
    display: none;
  }

  .post-child .row {
    flex-direction: column-reverse;
  }

  .intro_video_sectio2 .intro {
    width: 100%;
  }

  .intro_video_sectio2 .intro h2.title_media {
    font-size: 34px;
  }

  .row_footer {
    grid-template-columns: 1fr;
  }

  .section_video_home {
    height: 50vh;
  }

  .cat_name h5,
  .left-blog .intro .title_news_lon h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
  }

#filter_categories{
    display: none;
}

.map_flexop{
    bottom: 70px;
}

  .left-blog .intro .title_news_lon h4 {
    -webkit-line-clamp: 3
  }

  .center--footer .warth {
    margin-bottom: 0
  }

  .section-news .posts .image {
    max-height: unset !important
  }

  .moblie_header .background {
    width: 30px !important;
    height: 30px !important
  }

  .moblie_header .background i {
    font-size: 14px
  }

  .item-blog-noibat {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
  }

  .left-blog {
    height: 262px !important;
    margin-bottom: 90px
  }

  .left-blog .image {
    background-size: cover
  }

  .hinh-doitac {
    grid-template-columns: 1fr 1fr !important
  }

  .blog-media-project .title_lop {
    display: block !important
  }

  .banlanhdao.grid-col-600,
  .menu--fixed,
  .tool,
  .blog-media-dichvu .category_child .category {
    display: block
  }

  .blog-media-project .title_lop .btn-duan,
  .blog-media-dichvu {
    margin: 20px 0 !important
  }

.pagination {
    overflow-x: scroll;
}

  .blog-media-new .item-blog-noibat,
  .blog-media-new .right-blog,
  .dichvu_con,
  .post_chothue .d-grid,
  .section--number .number--home,
  .section-news .content,
  .section-news .header-title,
  .section-news .right-news-home .section_video_home .intro_video .intro,
  .section_servics .header_section,
  .section-doitac .header_section,
  .item-blog.grid-col-3,
.section_featured_postnews {
    grid-template-columns: 1fr !important
  }

  .blog--details .botton-content,
  .blog--details .top-title,
  .blog-media .item-blog.grid-col-2,
  .blog-media .item-blog.grid-col-3,
  .categories_child.grid-col-2,
  .contact--fixed .contact .form-contact,
  .cumgoi.grid-col-3,
  .datdiemchinh,
  .duan-lienquan .grid-col-3,
  .duan_noibat .header-title.grid-col-2-1,
  .products-wtach.grid-col-3,
  .section-news .content,
  .trietly,
  .section_whys .whys,
  .section_form .yeucau_form {
    grid-template-columns: 1fr
  }

  .btn-xemthem a {
    font-size: 14px;
  }

  .video_section2 .video_item {
    height: 200px;
  }

  .yeucau_form .content_section {
    width: 90%;
  }

  .title_news {
    text-align: right
  }

  .decs-pro {
    height: 75px !important
  }

  .right-news-home {
    justify-items: center
  }

  .slider-dautrang .image {
    height: 50vh !important
  }

  .cat_name h5 {
    -webkit-line-clamp: 1;
    height: 32px
  }

  .tamnhin .noidung {
    position: unset !important;
    width: 100% !important
  }

  .dropdown-menu .sub-menu {
    padding-left: 20px
  }

  .dropdown-menu .sub-menu a {
    font-size: 14px !important;
    padding: 5px 0;
    display: inline-block
  }

  .copyright .copy,
  .logo--footer {
    text-align: center
  }

  .center--footer,
  .section {
    padding: 20px 0 !important
  }

  .contact--fixed .contact {
    overflow-y: scroll;
    height: 100vh;
    flex-wrap: wrap
  }

  .tool .right-tool {
    margin-top: 30px
  }

  .lienhe_contact .contant {
    flex-wrap: wrap;
    text-align: center;
    gap: 20px;
    justify-content: center
  }

  .bottom--why ul,
  .footer-menu,
  .link--support .d-flex {
    flex-wrap: wrap
  }

  .footer_light .container,
  .menu--footer.grid-col-2 {
    display: grid !important;
    justify-items: center;
    gap: 20px
  }

  .section-slow {
    padding: 100px 0
  }

  .tool.even .left-tool::before {
    right: 0 !important
  }

  .navbar.show .navbar-collapse.mobile_side_menu {
    right: 0;
    width: 70%
  }

  .menu--fixed {
    padding: 10px 0;
    background: var(--color-1st);
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999
  }

  .menu--fixed ul li * {
    color: #fff;
    fill: #fff
  }

  .moblie_header .logo img {
    height: 80px;
  }

  .menu--fixed button {
    border: none;
    background: 0 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-family: inherit
  }

  .moblie_header .background *{
    color: #000
  }

.pr_search_trigger,
  .pr_search_trigger:hover {
    color: #fff
  }

  .menu--fixed .background,
  .moblie_header .background {
    position: relative;
    border-radius: 50%;
    border: 1px solid #fff;
    background: rgba(74, 74, 74, .39);
    mix-blend-mode: luminosity;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
    backdrop-filter: blur(15px);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center
  }

  .menu--fixed .menu__icon {
    width: 22px;
    height: 22px;
    padding: 4px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform .4s
  }

  .menu--fixed .menu__icon span {
    width: 100%;
    height: .25rem;
    border-radius: .125rem;
    background-color: #fff;
    box-shadow: 0 .5px 2px 0 hsla(0, 0%, 0%, .2);
    transition: width .4s, transform .4s, background-color .4s
  }

.support_footer{
    display: flex !important;
}

.product_price a{
    padding: 5px 20px;
font-size: 16px;
}

  .dropdown-toggle,
  .support-moidle .support img {
    width: 30px;
    height: 30px
  }

  .menu--fixed .menu__icon :first-child {
    width: 75%
  }

  .menu--fixed .menu__icon :nth-child(2) {
    width: 50%
  }

  .menu--fixed .menu_fixed-ul {
    display: flex;
    list-style-type: none;
    padding-left: 0;
    align-items: center;
    justify-content: space-around
  }

  .support-moidle {
    position: absolute;
    bottom: 140%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: .2s;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .15), 0 4px 15px rgba(0, 0, 0, .13)
  }

  .dropdown-toggle {
    position: absolute;
    top: 15px;
    right: 20px
  }

  .support-moidle.show {
    opacity: 1;
    visibility: visible;
    transition: .2s
  }

  .support-moidle .support {
    list-style-type: none;
    background-color: var(--color-1st);
    width: 180px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 10px
  }

  .moblie_header {
    display: block;
    background: #fff
  }

  .moblie_header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

.pr_search_trigger{
    border: 1px solid var(--color-1st);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--color-1st);
    color: #fff;
    font-size: 15px;
}

.video_section2{
    padding: 25px 0;
}

  .moblie_header .center_header {
    text-align: center;
    position: relative
  }

.section_servics .header_section, .section_whys .header_section, .section_form .header_section{
    padding-bottom: 20px;
}

.section_servics, .section_whys, .section_form{
    padding: 30px 0;
}

.section_form .field_form{
    width: 85%;
}

.hamburger svg{
    height: 2.5em;
    transition: transform 600ms 
cubic-bezier(0.4, 0, 0.2, 1);
}
.hamburger .line.line-top-bottom{
    stroke-dasharray: 12 63;
}
.hamburger .line{
    fill: none;
    stroke: black;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
    transition: stroke-dasharray 600ms 
cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms 
cubic-bezier(0.4, 0, 0.2, 1);
}

  .timkiem {
    position: absolute;
    right: 0;
    top: 80px;
    z-index: 999;
        width: 100%;
  }


  .shop_container.grid-col-3 {
    grid-template-columns: 1fr
  }

  .section h2 {
    font-size: 20px;
    width: 100% !important
  }

  .addThis_listSharing {
    display: none
  }

  .blog-media .container.grid-col-3-1,
  .footer_light .container,
  .menu--footer.grid-col-2 {
    grid-template-columns: 1fr
  }

  .mobile_side_menu .menu-title {
    border-bottom: 1px solid var(--color-1st);
    background: #fff
  }

  .info_slider .text {
    width: 90%
  }

  .order-first {
    order: 0 !important
  }

  .product_header .product_header_left,
  .product_header_right samll {
    font-size: 10px
  }

  #filter_categories {
    margin-bottom: 30px
  }
}

@media (max-width:991px) {

  .hero-slider,
  .hero-style {
    height: 600px
  }

  .hero-style .slide-title h2 {
    font-size: 50px;
    margin: 0 0 35px
  }

  .theme-btn,
  .theme-btn-s2,
  .theme-btn-s3 {
    font-size: 13px;
    padding: 15px 25px
  }
}

@media (max-width:767px) {

  .hero-slider,
  .hero-style {
    height: 500px
  }

  .hero-slider .swiper-button-next,
  .hero-slider .swiper-button-prev {
    display: none
  }

  .hero-style .slide-title h2 {
    font-size: 35px;
    margin: 0 0 30px
  }

  .hero-style .slide-text p {
    font-size: 1rem;
    font-weight: 400;
    margin: 0 0 30px
  }

  .theme-btn,
  .theme-btn-s2 {
    padding: 13px 20px;
    font-size: 13px
  }
}