/*
Theme Name: Việt Nam Decor
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root {
  --primary-color: #8D4B20;
  --secondary-color: #FBB042;
  --FED8B1: #FED8B1;

}
/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: 'SVN-Unthrift';
  src: url('/wp-content/themes/viet-nam-decor/font/SVN-Unthrift.eot');
  src: url('/wp-content/themes/viet-nam-decor/font/SVN-Unthrift.eot?#iefix') format('embedded-opentype'),
  url('/wp-content/themes/viet-nam-decor/font/SVN-Unthrift.woff2') format('woff2'),
  url('/wp-content/themes/viet-nam-decor/font/SVN-Unthrift.woff') format('woff'),
  url('/wp-content/themes/viet-nam-decor/font/SVN-Unthrift.ttf') format('truetype'),
      font-weight: normal;
      font-style: normal;
  font-display: swap;}

.header_email{
	margin: 1px 0;
}
.header_email a {
    color: #fff;
    font-size: 15px;
    font-weight: 600;

}

.header_email a img {
    margin-right: 8px;
    width: 20px;
    height: auto;
}

.social-icons.follow-icons .icon.button i {
    top: 1px;
    font-size: 12px;
}

.social-icons.follow-icons .icon.button {
    color: #fff;
    border-width: 1px;
    margin-left: unset;
    margin-right: 10px;
}



.header_hotline {
    font-size: 16px;
    line-height: 1.2;
}

.header_hotline h3 span strong {
    font-size: 20px;
    font-weight: 900;
}


.register_button_advise a {
    display: flex;
    align-items: center;
}

.register_button_advise .icon {
    width: 28px;
    line-height: 1;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.register_button_advise .icon svg {
    fill: var(--primary-color);
}

.register_button_advise a {
    color: var(--primary-color);
    font-size: 16px;
    border: 1px solid var(--primary-color);
    border-radius: 99px;
    padding: 5px 10px;
    line-height: 1.3;
    transition: all .4s;
font-weight: 700;
}
.register_button_advise a:hover {
    color: #fff;
    background-color: var(--primary-color);
}
.register_button_advise a:hover .icon svg {
    fill: #fff;
}
.header-bottom-nav li.nut-tu-van a {
  background: var(--secondary-color);
  padding: 9px 15px;
  border-radius: 25px;
  color: black !important;
  text-transform: uppercase;
}
.nav-spacing-xlarge > li {
  margin: 0 15px;
}
.has-dropdown .icon-angle-down {
  opacity: 0.2;
}
.nav > li > a > i.icon-search {
  font-size: 15px;
}
.header-bottom-nav li.header-search {
  margin-left: 0;
}


.nav-dropdown-has-arrow li.has-dropdown:after{border-bottom-color:#fff !important}
.nav .nav-dropdown {
  background-color: #fff !important;
}
.nav-dropdown {
  min-width: 300px
}
.nav-dropdown > li > a {
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-color);
}
.nav-dropdown > li > a:hover {
  color: var(--secondary-color);
  padding-left: 25px;
  font-weight: 700;
}
.nav > li.html {
  font-size: 16px;
  font-weight: 600;
}
.nut-dang-ky {
  border-radius: 99px;
  letter-spacing: 0;
  font-weight: 700;
  color: rgb(255, 255, 255) !important;
  font-size: 16px;
  padding: 8px 27px;
}
.nut-dang-ky:hover {
  box-shadow: 2px 2px 40px #0000004f;
}
.flickity-page-dots .dot {
  width: 8px;
  height: 8px;
}
.flickity-page-dots .dot.is-selected {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.section1 ul {
  margin-bottom: 0;
}
.section3 .col {
  padding-bottom: 0;
}
.section2 {
  padding-bottom: 45px !important;
}
.section1 ul li {
  margin-bottom: 17px;
  background-image: url(/wp-content/uploads/2023/05/dot.svg);
  list-style: none;
  background-repeat: no-repeat;
  background-position-y: 4px;
  padding-left: 26px;
  font-size: 17px;
  margin-left: 0;
  background-size: 17px;
}
.nav > li.html p.des {
  font-size: 14px;
  font-weight: normal;
  color: #a4a4a4;
}
.nav > li.html h4 {
  margin-bottom: 3px;
  color: white;
  font-size: 17px;
}


.header-block-block-1 .icon-box {
  align-items: center;
}
.header-block-block-1 .icon-box h3 {
  margin-bottom: 0;
  font-size: 17px;
  color: white;
}
.header-block-block-1 .icon-box .icon-box-text {
  font-size: 14px;
  color: #a4a4a4;
}

.section4 .banner .banner-bg,
.section4 .banner {
  border-radius: 10px;
}

.nut-dang-ky,.register_button_advise  {
  margin-bottom: 0;
  animation-name: stretch;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-direction: reverse;
  animation-iteration-count: infinite;
  animation-play-state: running;
}
.register_button_advise:hover {
/*     animation-play-state: paused; */
-webkit-animation: 0;
}

@keyframes stretch {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.section2 h2 , .section4 h2 , .section5 h2 , .section6 h2 {
  font-size: 36px;
  color: var(--primary-color);
}


.section1 .col {
  padding-bottom: 0;
}
.section2 .box .box-image {
  border-radius: 10px;
}
.section2 .box .box-text {
  padding-bottom: 10px;
}
.section2 .large-12 {
  padding-bottom: 0px;
}
.section5 .col {
  padding-bottom: 0;
}
.box-blog-post .is-divider {
  display: none;
}
.list-post .post-item .box-text {
  padding-top: 0;
  padding-bottom: 0;
}
.list-post .post-item .post-title {
  font-weight: 500;
}
.list-post .post-item .post-title:hover {
  color: var(--secondary-color);
}
.list-post .post-item {
  background-image: url(/wp-content/uploads/2023/05/double-right-arrows-angles-svgrepo-com.svg);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position-y: 8px;
  padding-left: 18px;
  padding-bottom: 10px;
}
.footer-section .col {
  padding-bottom: 0;
}
.absolute-footer {
  font-size: 14px;
  color: #c5c5c5 !important;
  padding: 25px;
  border-top: 1px solid #343434;
}
.gioi-thieu-1 .icon-box .icon-box-text {
  font-size: 14px;
  color: gray;
}
.gioi-thieu-1 .icon-box {
  border-top: 2px solid var(--secondary-color);
  padding-top: 10px;
  border-bottom: 1px solid #dadada;
  padding-bottom: 20px;
}
.gioi-thieu-2 ul li {
  margin-bottom: 20px;
  padding-bottom: 25px;
  border-bottom: 1px solid #d8d8d8;
  background-image: url(/wp-content/uploads/2023/05/double-right-arrows-angles-svgrepo-com.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position-y: 8px;
  list-style: none;
  margin-left: 0;
  padding-left: 22px;
  font-size: 19px;
}
.gioi-thieu-2 ul li:last-child {
  border-bottom: none;
}
.gioi-thieu-3 ul li {
  border-bottom: none;
  padding-bottom: 0px;
  font-size: 16px;
  background-size: 10px;
  padding-left: 18px;
}
.footer-section ul {
  margin-bottom: 0;
}
.footer-section h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
}
.footer-section ul li {
  list-style: none;
  margin-bottom: 10px;
  margin-left: 0;
  font-size: 14px;

}
.footer-section ul li a:hover {
  color: var(--secondary-color);
}
.footer-section {
  padding-bottom: 45px !important;
}

.footer-section h5:after {
  content: "";
  display: block;
  width: 150px;
  height: 2px;
  background: var(--secondary-color);
  position: absolute;
  left: 0;
  top: 30px;
}
.nut-xem-them {
  letter-spacing: 0;
  font-weight: 500;
  color: black !important;
}
.gioi-thieu-4 ul li {
  margin-bottom: 0;
  padding-bottom: 25px;
  border-bottom: 0;
  background-image: url(/wp-content/uploads/2023/05/double-right-arrows-angles-svgrepo-com.svg);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position-y: 8px;
  list-style: none;
  margin-left: 0;
  padding-left: 22px;
  font-size: 17px;
}
.rank-math-breadcrumb p {
  margin-bottom: 10px;
  font-size: 15px;
}
.rank-math-breadcrumb a {
  color: black;
  font-weight: 500;
}
.thong-tin-meta {
  font-size: 14px;
  color: #979797;
}
.thong-tin-meta .tac-gia,
.thong-tin-meta .luot-xem {
  margin-right: 15px;
}
.thong-tin-meta .chia-se {
  float: right;
}
.entry-content {
  padding-bottom: 0;
  padding-top: 0;
}
.portfolio-single-page .blog-share {
  text-align: left;
}
.blog-share .des {
  color: Gray;
  font-size: 15px;
  margin-right: 5px;
}
.wp-caption .wp-caption-text {
  background: none;
}
.author-name {
  padding-top: 0;
}
.portfolio-related .portfolio-box .box-text {
  padding-left: 0;
  padding-right: 0;
}
.portfolio-related .portfolio-box .portfolio-box-title {
  font-size: 15px;
  text-align: left;
}
.portfolio-related .portfolio-box .thong-tin-du-an {
  text-align: left;
  font-size: 12px;
}
.portfolio-related .thong-tin-du-an span {
  margin-right: 10px;
}
.normal-title .page-title-inner {
  padding: 15px 0;
}
.portfolio-archive .large-12 {
  padding-bottom: 0;
}
.portfolio-archive .entry-title {
  text-transform: none;
  letter-spacing: 0;
  font-size: 30px;
}
.portfolio-related .portfolio-box .box-nut .nut-dang-ky-tk,
.portfolio-related .portfolio-box .box-nut .nut-xem-chi-tiet {
  font-size: 13px;
}
.author-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: 0;
  font-size: 15px;
}
.entry-author .xem-them {
  color: #2196f3;
  font-size: 15px;
}
.entry-author .author-name a {
  text-transform: none;
  letter-spacing: 0;
  font-size: 19px;
  font-weight: 500;
  color: black;
}
.bai-viet-lien-quan ul {
  margin-bottom: 0;
  display: inline-block;
  width: 100%;
}
.bai-viet-lien-quan ul li {
  margin-bottom: 20px;
  list-style: none;
  width: 25%;
  color: graytext;
  float: left;
  padding-left: 4px;
  padding-right: 5px;
}
.bai-viet-lien-quan ul li .box-image img {
  height: 200px;
  border-radius: 4px;
  object-fit: cover;
  object-position: center;
}
.bai-viet-lien-quan .tieu-de-bai-viet {
  font-size: 16px;
  color: black;
  line-height: 19px;
  padding-top: 7px;
  height: 46px;
  overflow: hidden;
  font-weight: 500;
  margin-bottom: 4px;
  display: block;
}
.bai-viet-lien-quan h3 {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 15px;
  margin-top: 10px;
}
.bai-viet-lien-quan h3 a {
  color: #e91e63;
}
.bai-viet-lien-quan .tieu-de-bai-viet:hover {
  text-decoration: underline;
}
.entry-author {
  border: 1px solid #d5d5d5;
  padding: 15px;
  margin-top: 20px;
  border-radius: 5px;
}
.dich-vu-1 .col {
  padding-bottom: 0;
}
.portfolio-element-wrapper .nav li a {
  border: 1px solid #bdbdbd;
  padding: 0px 20px;
  text-transform: none;
  font-size: 16px;
  color: black;
  letter-spacing: 0;
  line-height: 33px;
}
.portfolio-element-wrapper .nav li.active a {
  color: #ffff;
}
.portfolio-box .portfolio-box-category {
  display: none;
}
.portfolio-box .portfolio-box-title {
  margin-bottom: 10px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 17px;
  color: black;
}
.thong-tin-du-an span {
  color: gray;
  margin-right: 20px;
}
.portfolio-element-wrapper .nav {
  margin-bottom: 15px;
}
.portfolio-box .box-nut {
  display: inline-block;
  position: absolute;
  z-index: 9999999;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: scale(0.5);
  opacity: 0;
}
.portfolio-box:hover .box-nut {
  opacity: 1;
  transform: scale(1);
  transition: all linear 0.2s;
}
.portfolio-box .box-nut a {
  display: inline-block;
}
.portfolio-box .box-nut .nut-dang-ky-tk {
  background: var(--secondary-color);
  padding: 4px 15px;
  border-radius: 20px;
  color: black;
  font-weight: 500;
  text-transform: uppercase;
  margin-right: 10px;
  font-size: 15px;
}
.portfolio-box .box-nut .nut-xem-chi-tiet,
.portfolio-box .box-nut .plain{
  background: black;
  color: white;
  padding: 5px 15px;
  border-radius: 20px;
  font-size: 15px;
  font-weight: 500;
}
.portfolio-box .box-nut a:hover {
  box-shadow: 2px 2px 20px black;
}
.dich-vu-2 .large-12 {
  padding-bottom: 0;
}
.pricing-table .items {
  padding: 10px;
}
.pricing-table ul li {
  background-image: url(/wp-content/uploads/2023/05/double-right-arrows-angles-svgrepo-com.svg);
  background-repeat: no-repeat;
  background-size: 8px;
  background-position-y: 7px;
  padding-left: 13px;
  list-style: none;
  margin-left: 0;
  font-size: 15px;
}
.pricing-table-wrapper {
  border-radius: 10px;
  box-shadow: 2px 2px 10px #00000040;
}
.pricing-table .title {
  border-bottom: 1px solid #424242;
  background-color: black;
  padding: 20px 10px;
  color: white;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 23px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.portfolio-box .box-image {
  border-radius: 8px;
}
.blog-single .share-icons a {
  margin-bottom: 0;
}
.blog-single .blog-share {
  text-align: left;
}
.blog-single .entry-title {
  font-size: 30px;
  color: #444444;
}
.is-divider {
  display: none;
}
.blog-single .large-3 {
  padding-bottom: 0;
  padding-left: 0;
  border-left: none !important;
}
.blog-single {
  padding-bottom: 0;
}
span.widget-title {
  text-transform: none;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}
.recent-blog-posts a {
  font-size: 15px;
}
.slider-custom {
  padding: 0 !important;
  bottom: 0 !important;
}
.slider-custom .flickity-page-dots {
  display: none;
}
.slider-custom .flickity-slider .img {
  width: calc(100% / 7) !important;
}
.blog-single .large-9 {
  padding-bottom: 0;
  border-right: none !important;
}
.row-sub-cat ul {
  margin-bottom: 0;
  display: inline-block;
}
.row-sub-cat ul li {
  display: inline-block;
  list-style: none;
  float: left;
  margin-bottom: 0;
  margin-right: 24px;
}
.row-sub-cat li a {
  color: black;
  font-size: 15px;
}
.row-sub-cat li a:hover {
  color: var(--secondary-color);
}

.archive-page-header {
  background-image: url(/wp-content/uploads/2023/05/bg-archive.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 80px 0;
  margin-bottom: 40px;
}
.blog-archive .page-title {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 35px;
  color: white;
}
.blog-archive .rank-math-breadcrumb a {
  color: white;
}
.archive-page-header .large-8 {
  padding-bottom: 0;
}
.archive-page-header .row {
  justify-content: center;
  margin: 0 auto !important;
}
.blog-archive {
  padding-top: 0;
}
.thong-tin-tac-gia .row2 ul li {
  background-image: url(/wp-content/uploads/2023/05/double-right-arrows-angles-svgrepo-com.svg);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position-y: 7px;
  padding-left: 18px;
  list-style: none;
}
.row-sub-cat {
  padding-left: 12px !important;
  padding-right: 12px !important;
  margin-bottom: 30px !important;
}
.blog-archive .post-item .post-title {
  margin-bottom: 10px;
  font-size: 19px;
}
.blog-archive .post-item .from_the_blog_excerpt {
  font-size: 14px;
  color: #3d3d3d;
  margin-top: 10px;
}
.nav-pagination a {
  border: none !important;
}
.nav-pagination > li > .current {
  border-color: var(--secondary-color);
  background: var(--secondary-color);
  color: black;
}
.blog-archive {
  padding-bottom: 0;
}
.blog-archive .post-item .box-image {
  border-radius: 8px;
}
.blog-archive .post-item {
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 16px;
}
.gioi-thieu-4 .col {
  padding-bottom: 0;
}
.gioi-thieu-4 ul {
  margin-bottom: 0;
}
.gioi-thieu-4 ul li:last-child {
  padding-bottom: 0;
}
.gioi-thieu-6 .col {
  padding-bottom: 0;
}
.box-tac-gia {
  color: #c3c3c3;
  font-size: 15px;
  text-align: justify;
}
b,
strong {
  font-weight: 700;
}
.row-info {
  font-size: 14px;
  color: silver;
}
.row-info span {
  margin-right: 25px;
}
.row-info span:last-child {
  margin-right: 0;
}
.row-info .fa {
  margin-right: 4px;
}
.blog-archive .gioi-thieu-chung {
  font-size: 15px;
  margin-bottom: 25px;
}
.box-tac-gia h3 {
  color: white;
}
.blog-archive .gioi-thieu-chung .anh-dai-dien {
  text-align: center;
}
.gioi-thieu-chung .row2 {
  margin-top: 20px;
}
.thong-tin-meta .tac-gia a {
  color: black;
}
.pricing-table .price {
  color: #000;
  font-weight: 300;
  padding: 10px;
  font-weight: 500;
  color: var(--secondary-color);
  font-size: 23px;
  background: #292929;
}
.pricing-table ul {
  margin-bottom: 0;
}
.pricing-table .items .button:last-child {
  margin: 14px 0 0 0;
}
.pricing-table .button {
  border-radius: 99px;
  font-weight: 500;
  letter-spacing: 0;
  font-size: 15px;
  background: #e1e1e1 !important;
  color: black;
}
.pricing-table {
  background-color: #fff;
  border: 1px solid #000000;
  overflow: hidden;
  padding-bottom: 5px;
  border-radius: 10px;
}
.pricing-table:hover .button {
  background: var(--secondary-color) !important;
}
.pricing-table.featured-table .title {
  border-bottom: 1px solid #f39a36;
  background: #f39a36 !important;
}
.pricing-table.featured-table .price {
  color: black;
  background: var(--secondary-color);
}
.pricing-table.featured-table {
  border: 2px solid #f39a36;
  border-radius: 12px;
}
.pricing-table.featured-table .title:after {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: -7px;
  background-image: url(/wp-content/uploads/2023/05/icon-1.png);
  right: -8px;
  z-index: 9999;
  background-size: 100px;
}
.pricing-table.featured-table .button {
  background: var(--secondary-color) !important;
}
.dich-vu-5 .slider-wrapper {
  max-width: 860px;
  margin: 0 auto;
}

.quy-trinh .icon-box h3 {
  font-size: 17px;
}
.quy-trinh .icon-box:after {
  content: "";
  width: 100px;
  height: 18px;
  display: block;
  position: absolute;
  top: 28%;
  right: -21%;
  background-image: url(/wp-content/uploads/2023/05/qt-1-1.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.quy-trinh .col:last-child .icon-box:after {
  display: none;
}
.tac-gia-section .icon-box p {
  font-size: 16px;
  margin-bottom: 7px;
}
.tac-gia-section .icon-box a {
  color: var(--primary-color);
}
.tac-gia-section .icon-box h3 a {
  text-transform: none;
  font-size: 20px;
  letter-spacing: 0;
  color: black !important;
}
.dark .accordion-title {
  border-color: hsla(0, 0%, 100%, 0.2);
  background: white;
  color: black;
  border-bottom: 1px solid #dbdbdb;
}
.accordion {
  padding: 20px;
  border-radius: 10px;
  background: white;
}
.accordion p,
.accordion ul li,
.accordion ul li a {
  color: black;
  font-size: 14px;
}
.accordion ul {
  margin-bottom: 0;
}
.accordion ul li {
  margin-bottom: 2px;
}
.dark .accordion-title.active {
  color: black;
  font-weight: 500;
}
.accordion-title h3 {
  color: black;
  font-size: 18px;
  margin-bottom: 0;
}
/* .nav-dropdown li.active > a {
  color: hsl(40.43deg 85.19% 68.24%);
} */
.accordion-title .icon-angle-down {
  font-size: 20px;
}
.cau-hoi-section .col.large-12 {
  padding-bottom: 0;
}
.accordion-title:hover {
  color: black !important;
}
.tieu-de-port .large-4 ul li {
  list-style: none;
}
.tieu-de-port .large-4 ul li span {
  font-weight: 500;
}
.nut-cataloge {
  border: 2px dashed var(--secondary-color);
  padding: 10px 20px;
  background: #ffc10b36;
  margin-bottom: 20px;
  display: block;
  color: black;
  font-weight: 500;
  text-align: center;
  font-size: 17px;
}
.khuyen-mai-box h3 {
  font-size: 16px;
  color: red;
}
.form-tu-van {
  border: 1px dashed gray;
  padding: 15px;
  background: #ededed;
}
.portfolio-single-page .entry-title {
  margin-bottom: 0;
}
.tieu-de-port {
  margin-top: 20px;
}
.portfolio-top .row .large-10 {
  margin: 0 auto;
}
.form-tu-van .des {
  font-size: 14px;
  margin-bottom: 9px;
}
.form-tu-van .col {
  padding-bottom: 0;
}
.form-tu-van input {
  font-size: 14px;
  border-radius: 5px;
  box-shadow: none;
}
.form-tu-van input[type="submit"] {
  margin: 0;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 13px;
  width: 100%;
  background: var(--secondary-color);
  color: black;
}
.form-tu-van input:last-child {
  margin-bottom: 0;
}
.form-tu-van input[type="text"] {
  margin-bottom: 10px;
}
.form-tu-van .row {
  align-items: center;
}
.portfolio-top .row .large-10 ul {
  margin-left: 20px;
}
.portfolio-element-wrapper .nav li {
  margin-right: 15px;
}
.portfolio-archive .portfolio-box .box-text {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}
.mfp-auto-cursor.mfp-ready {
  background-image: url(https://noithatdatviet.vn/wp-content/uploads/2024/09/Popup-them-sau-khuyen-mai.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: bottom;
}
.mfp-wrap.mfp-auto-cursor.off-canvas.dark.off-canvas-center.mfp-ready,
.mfp-wrap.mfp-auto-cursor.my-mfp-video.mfp-ready,
.mfp-wrap.mfp-auto-cursor.off-canvas.undefined.off-canvas-undefined.mfp-ready,.mfp-wrap.mfp-auto-cursor.off-canvas.dark.off-canvas-left.mfp-ready {
  background: none;
}
#form-popup {
  background: none;
  box-shadow: none;
}

.form-popup h2 {
  text-transform: uppercase;
  font-size: 21px;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
}
.form-popup .des {
  margin-bottom: 10px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.form-popup .row .col {
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.form-popup input,
.form-popup textarea {
  border-radius: 12px;
  box-shadow: none;
  font-size: 16px;
  height: 40px;
  margin-bottom: 7px;
}
.form-popup input[type="submit"] {
  background-color: #fbb042 !important;
  border-radius: 30px;
  text-transform: none;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0 auto;
  margin-bottom: 10px;
}
.form-popup p {
  text-align: center;
}
.form-popup p img {
  text-align: center;
}

.form-popup .wpcf7-spinner {
  display: none;
}
.form-popup .n-p-call a:first-child {
  font-size: 20px;
  font-weight: 500;
  color: black;
}
.stuck .header-main {
  display: none;
}

.header-bottom-nav.nav-line-grow > li > a:before {
  height: 2px;
  top: -10px;
}

.home-GT .video-btn {
  position: relative;
}
.home-GT .video-button-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -60px;
}
.home-GT .open-video {
  width: 82px;
  height: 82px;
  background: radial-gradient(var(--secondary-color) 60%, var(--FED8B1) 62%);
  border-radius: 50%;
  /* position: relative; */
  margin: 10px auto;
  box-shadow: 0px 0px 25px 3px var(--FED8B1);
  -webkit-box-shadow: 0px 0px 25px 3px var(--FED8B1);
  line-height: 75px;
  color: white;
}
.home-GT .open-video:hover {
  border-color: var(--secondary-color);
}
.home-GT .open-video:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid var(--FED8B1);
  top: -25%;
  left: -25%;
  background: rgba(198, 16, 0, 0.1);
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75),
      0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;
  }
}.header-top .flex-col.hide-for-medium.flex-center {
  width: 50%;
  margin: 0 auto;
  background: #68331D;
  font-size: 13px;
  height: 100%;
  display: flex;
  justify-content: center;
  padding: 3px 0;
  color: #ffff;
  z-index: 100;
}

.header-top .nav > li.html h4 {
  color: white;
  font-size: 15px;
  margin-bottom: 2px;
}

div#top-bar:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 8px;
  background-color: #68331D;
}
ul.nav.nav-center.nav-small.nav-divided:before {
  content: "";
  position: absolute;
  left: -40px;
  top: -4px;
  width: 0;
  height: 0;
  border-top: 33px solid #68331D;
  border-left: 40px solid transparent;
}
ul.nav.nav-center.nav-small.nav-divided:after {
  content: "";
  position: absolute;
  right: -40px;
  top: -4px;
  width: 0;
  height: 0;
  border-top: 33px solid #68331D;
  border-right: 40px solid transparent;
}

.section_gioi_thieu  h4{
	color: var(--secondary-color);
	font-size: 95px;
	line-height: 40px;
	font-weight: 500;
	margin-bottom: 10px;
	font-family: "SVN-Unthrift" !important;
}
.section_gioi_thieu  h2{
	color: var(--primary-color);
	font-size: 45px;
	line-height: 50px;
	text-align: right;
	text-transform: uppercase;
	font-weight: 900;

}
 .section_gioi_thieu  p{
	color: #444444;
	font-size: 14px;
	line-height: 25px;
	font-weight: 400;
	margin-bottom: 7px;
}

button.is-underline:hover {
  box-shadow: none;
  color: var(--primary-color);
}
.home_box_why .icon-box.featured-box {
  border: #f38301 1px solid;
  border-radius: 24px;
  padding: 15px 15px 15px 25px;
  align-items: center;
  box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  transition: all 0.3s;
}

.home_box_why .icon-box.featured-box .icon-box-text.last-reset {
  padding-left: 25px;
}

.home_box_why .gioi-thieu.featured-box .icon-box-text.last-reset {
  padding-left: 0px;
}
.home_box_why .gioi-thieu.featured-box {
  padding: 15px 15px 25px;
}

.home_box_why .icon-box.featured-box .icon-box-text.last-reset > :nth-child(1) b,
.home_box_why .icon-box.featured-box .icon-box-text.last-reset > :nth-child(1) strong {
  font-weight: 600;
}

.home_box_why .icon-box.featured-box .icon-box-text.last-reset > :nth-child(1) {
  font-size: 18px;
  color: #f38301;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f38301;
}

.home_box_why .section-content.relative > .row > .col > .col-inner {
  height: 100%;
}

.home_box_why .section-content.relative > .row > .col > .col-inner .icon-box.featured-box {
  height: 100%;
}
.home_box_why .container.section-title-container {
  margin-bottom: unset;
}

.home_box_why .section-content.relative > .row > .col:not(:first-child) {
  padding-bottom: 15px;
}
.home_box_why .section-content.relative > .row > .col:nth-child(odd) {
  padding-left: 0;
}
.home_box_why.gioi-thieu-2 .section-content.relative > .row > .col:nth-child(odd) {
  padding-left: 15px;
}
.home_box_why.gioi-thieu-2 .section-content.relative > .row > .col {
  padding-bottom: 15px
}

.nav-dark .nav>li>a {
  color: var(--primary-color);
  font-size: 16px !important;
}



.page_contact_content_1 .icon-box.featured-box svg, .page_contact_content_1 .icon-box.featured-box img {
  padding-top: unset;
}

.page_contact_content_1 .icon-box.featured-box .icon-box-img {
  margin-bottom: 10px;
}

.page_contact_content_1 .icon-box.featured-box .icon-box-text.last-reset > :nth-child(1) {
  margin-bottom: 10px;
  color: #000;
}

.page_contact_content_1 .icon-box.featured-box .icon-box-text.last-reset > :nth-child(1) strong {
  font-weight: 700;
  font-size: 18px;
}

.page_contact_content_1 .icon-box.featured-box .icon-box-text.last-reset {
  font-size: 14px;
  line-height: 1.4;
  color: #888;
}

.page_contact_content_1 .icon-box.featured-box {
  background: #fefefe;
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.07);
  padding: 20px;
  margin-bottom: 20px;
  height: 100%;
}
.page_contact_content_1 .col{
  margin-bottom: 0;
  padding-bottom: 0;
}


.page_contact_content_3 .section-content.relative > .row > .col:nth-child(1) > .col-inner {
  background: #fff;
  box-shadow: 0 2px 15px 0px rgba(0, 0, 0, 0.07);
}

.page_contact_content_3 .section-content.relative .content_contact > :nth-child(1) {
  text-transform: uppercase;
  color: #999;
  margin-bottom: 8px;
  font-size: 13px;
}

.page_contact_content_3 .section-content.relative .content_contact > :nth-child(2) {
  font-weight: 600;
  font-size: 21px;
}

.page_contact_content_3 .section-content.relative .content_contact:after {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  height: 2px;
  margin: 20px 0;
  max-width: 52px;
  width: 100%;
  display: block;
}

.page_contact_content_3 .section-content.relative .icon-box.featured-box {
  padding: 20px;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
}

.page_contact_content_3 .section-content.relative .icon-box.featured-box {
  margin-bottom: 5px;
}

.page_contact_content_3 .section-content.relative .icon-box.featured-box .icon-box-text.last-reset {
  padding-left: 15px;
  font-size: 14px;
  color: #333;
}

.page_contact_content_3 .section-content.relative .icon-box.featured-box:hover {
  background: #fff;
  box-shadow: 0 5px 12px 0px rgba(0, 0, 0, 0.07);
}

.page_contact_content_3 .section-content.relative .icon-box.featured-box .icon-inner {
  line-height: 1;
}

.page_contact_content_3 .section-content.relative > .row > .col:nth-child(1) > .col-inner:before {
  content: "";
  background-image: url(https://noithatdatviet.vn/wp-content/uploads/2024/09/Background-3.png);
  width: 100%;
  height: 100%;
  position: absolute;
  left: -70px;
  z-index: -1;
  bottom: -70px;
}



@media only screen and (max-width: 768px) {

/*************** ADD Tablet ONLY CSS HERE  ***************/
.home_box_why .section-content.relative > .row > .col:nth-child(odd) {
  padding-left: 15px;
}
	.section1 h4 {
  font-size: 17px;}

	.section_gioi_thieu h4  {
		  font-size: 70px;
	}
	.section_gioi_thieu h2  {
		  font-size: 30px;
	line-height:32px
	}
.section2 h2, .section3 h2 , .section4 h2 ,.section5 h2 ,.section6 h2 {
  font-size: 30px;
}

.section3 h2 br{display:none}

.section1 ul li{font-size:15px}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
  font-size: 16px;
  font-weight: 600;
}

}
@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
  font-size: 16px;
  font-weight: 600;
}

.header-top .nav>li.html h4 {
  font-size: 14px;
} .nav>li.html p.des {
  font-size: 12px;}
#top-bar{padding:5px 0}.off-canvas .nav-vertical>li>a {
  padding-bottom: 13px;
  padding-top: 13px;
  font-size: 15px;
}.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
  padding-left: 20px;
  font-size: 14px;
}.off-canvas-left .mfp-content{width:330px}
.slider-section .banner{padding-top:500px !important}.slider-section .banner p{font-size:15px}
.nut-dang-ky {
  font-size: 14px;

  padding: 4px 18px;
}
.section1 h4 {
  font-size: 17px;}

	.section_gioi_thieu h4  {
		  font-size: 70px;
	}
	.section_gioi_thieu h2  {
		  font-size: 28px;
	line-height:30px
	}
  .section2 h2, .section3 h2 , .section4 h2 ,.section5 h2 ,.section6 h2 {
    font-size: 28px;
  }

.section1 h2 br{display:none}

.section1 ul li{font-size:15px}

.section2 .col.large-3{flex-basis:50%; max-width:50%}.section2 .box .box-text{padding-left:0;padding-right:0}
.section3 h2 br{display:none}
.section5 .large-2{flex-basis:50%; max-width:50%}.thong-tin-meta {    line-height: 29px;
  font-size: 13px;}.list-post .post-item .post-title {
  font-size: 15px;
}
.slider-section .banner h1{font-size:30px}.footer-section .col{flex-basis:100%; max-width:100%; padding-bottom:10px}.footer-section h5 {
  font-size: 17px;}
.gioi-thieu-1 .icon-box h3{font-size:18px}
.gioi-thieu-2 ul li {
  margin-bottom: 5px;
  padding-bottom: 5px;font-size: 15px;}
.gioi-thieu-2 .large-6{padding-bottom:0}
.gioi-thieu-2 ul{margin-bottom:0}
.dich-vu-1 p{font-size:12px;line-height:32px}.portfolio-element-wrapper .nav li {margin-left: 8px;
  margin-right: 0;
}.portfolio-element-wrapper .nav li a{font-size:14px}
.list-du-an .col{padding-left:5px;padding-right:5px}
.portfolio-box .portfolio-box-title {
  font-size: 13px;height: 34px;
  overflow: hidden;margin-bottom:0}
.row{max-width:100% !important}.quy-trinh .icon-box:after{display:none}
.tac-gia-section .icon-box{flex-direction: column;}
.tac-gia-section .icon-box .icon-box-text{padding-left:0;padding-top:10px}.tac-gia-section .icon-box p {
  font-size: 14px;}.accordion {
      padding: 10px;}
.dark .accordion-title {
  padding: 5px 0 5px 0px;
}
.thong-tin-du-an span {font-size: 12px;
  display: block;
}
.accordion-title h3 {
  font-size: 16px;}.accordion .toggle{display:none}
.accordion-inner {
  padding: 10px 0;
}.row-sub-cat ul{flex-grow: 1;
  -webkit-box-flex: 1;
  white-space: nowrap;
  overflow: auto;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  margin-bottom: 0px;
  display: flex;
  max-width: 100%;
  float: right;
  margin-top: 0;line-height:37px}.blog-archive .page-title{font-size:25px}
.blog-archive .large-columns-3{margin-left:0 !important}
.blog-archive .large-columns-3 .post-item{padding-left:0;padding-right:0}
.blog-archive .post-item .post-title {
  font-size: 17px;
}
.row-info span{display: block;
  line-height: 29px;margin-right:0}
.thong-tin-tac-gia .gioi-thieu-chung{margin-left:0 !important}.form-tu-van input:last-child {
  margin-bottom: 10px;
}
.lien-he-section .col{flex-basis:100%;max-width:100%}
.gioi-thieu-chung .row2{margin-left:0 !important}
.gioi-thieu-chung .large-6{padding-bottom:0}
.gioi-thieu-chung h3{font-size:17px}
.blog-single .thong-tin-meta .ngay-dang-bai{display:block}
.thong-tin-meta .chia-se {
  float: none;
  display: block;
}
.blog-single .entry-title {
  font-size: 25px;
  line-height: 27px;
}
.entry-author .mr{max-width:50px; margin-right:10px}
.author-desc {
  font-size: 13px;
}
.entry-author .xem-them {
  font-size: 13px;
}.blog-single .large-3{padding-left:15px}.bai-viet-lien-quan ul li{width:50%}.bai-viet-lien-quan ul li .box-image img {
  height: 120px;}.bai-viet-lien-quan h3 a {
  font-size: 12px;
}.bai-viet-lien-quan .tieu-de-bai-viet {
  font-size: 14px;}
.bai-viet-lien-quan .thong-tin-meta, .bai-viet-lien-quan h3{display:none}
.stuck .header-main{display:block}

}