/*
Theme Name: Taxi - Phongvt
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family:"utm";
  src:url('fonts/UTM-Neutra.ttf');
  font-display:swap
}
@font-face {
  font-family:"Flaticon";
  src:url("fonts/flaticon.eot");
  src:url("fonts/flaticon.eot?#iefix") format("embedded-opentype"),
  url("fonts/flaticon.woff") format("woff"),
  url("fonts/flaticon.ttf") format("truetype"),
  url("fonts/flaticon.svg#flaticon") format("svg");
  font-weight:normal;
  font-style:normal
}
.post-sidebar .widget,#shop-sidebar .widget {
  background:white;
  -webkit-box-shadow:0 10px 31px 10px rgba(12, 34, 113, 0.07);
  -khtml-box-shadow:0 10px 31px 10px rgba(12, 34, 113, 0.07);
  -moz-box-shadow:0 10px 31px 10px rgba(12, 34, 113, 0.07);
  -ms-box-shadow:0 10px 31px 10px rgba(12, 34, 113, 0.07);
  -o-box-shadow:0 10px 31px 10px rgba(12, 34, 113, 0.07);
  box-shadow:0 1px 12px -2px rgb(12 34 113 / 18%);
  padding:20px;
  border-radius:12px
}
.post-sidebar .widget_search {
  padding:0px !important;
  box-shadow:unset !important
}
.row-form .wpcf7-submit {
  text-align:center;
  width:100%;
  margin-right:0px;
  border-radius:99px;
  background:#0C2271
}
.box-dien-thoai img {
  margin-top:-15px !important;
  -webkit-animation:tada 1500ms ease-out infinite;
  -khtml-animation:tada 1500ms ease-out infinite;
  -moz-animation:tada 1500ms ease-out infinite;
  -ms-animation:tada 1500ms ease-out infinite;
  -o-animation:tada 1500ms ease-out infinite;
  animation:tada 1500ms ease-out infinite
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  10%, 20% {
    -webkit-transform:scale(0.9) rotate(-3deg);
    transform:scale(0.9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform:scale(1.1) rotate(3deg);
    transform:scale(1.1) rotate(3deg)
  }
  40%, 60%, 80% {
    -webkit-transform:scale(1.1) rotate(-3deg);
    transform:scale(1.1) rotate(-3deg)
  }
  100% {
    -webkit-transform:scale(1) rotate(0);
    transform:scale(1) rotate(0)
  }
}
@keyframes tada {
  0% {
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
  }
  10%, 20% {
    -webkit-transform:scale(0.9) rotate(-3deg);
    -ms-transform:scale(0.9) rotate(-3deg);
    transform:scale(0.9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform:scale(1.1) rotate(3deg);
    -ms-transform:scale(1.1) rotate(3deg);
    transform:scale(1.1) rotate(3deg)
  }
  40%, 60%, 80% {
    -webkit-transform:scale(1.1) rotate(-3deg);
    -ms-transform:scale(1.1) rotate(-3deg);
    transform:scale(1.1) rotate(-3deg)
  }
  100% {
    -webkit-transform:scale(1) rotate(0);
    -ms-transform:scale(1) rotate(0);
    transform:scale(1) rotate(0)
  }
}
.footer-section .icon-box h3 {
  margin-bottom:0px
}
.footer-section .icon-box {
  align-items:center
}
.footer-section  .widget_nav_menu {
  padding-left:0px;
  padding-right:0px
}
.footer-section  .widget_nav_menu li a:before {
  padding-right:5px;
  content:"\f061";
  font-family:"Font Awesome 6 Pro"
}
.footer-section h3 {
  font-weight:500
}
.wpcf7-spinner {
  display:none
}
.row-form-ngoai form {
  margin-bottom:0px
}
.row-form-ngoai {
  border:2px dashed #cdcdcd;
  padding:24px;
  margin-left:10px;
  margin-right:10px;
  width:calc(100% - 20px)
}
.row-form input {
  min-height:46px;
  border-radius:99px
}
.row-form .col {
  padding-bottom:0px
}
.flaticon {
  font-family:Flaticon;
  font-size:inherit;
  font-style:normal;
  font-weight:normal
}
.flaticon-icon-42:before {
  content:"\e929"
}
.flaticon-icon-43:before {
  content:"\e92a"
}
.flaticon-icon-33:before {
  content:"\e920"
}
.flaticon-icon-34:before {
  content:"\e921"
}
.flaticon-icon-36:before {
  content:"\e923"
}
.flaticon-icon-37:before {
  content:"\e924"
}
.flaticon-icon-38:before {
  content:"\e925"
}
.flaticon-icon-39:before {
  content:"\e926"
}
.flaticon-icon-40:before {
  content:"\e927"
}
.flaticon-icon-22:before {
  content:"\e915"
}
.flaticon-icon-1:before {
  content:"\e900"
}
.flaticon-icon-2:before {
  content:"\e901"
}
.flaticon-icon-3:before {
  content:"\e902"
}
.flaticon-icon-4:before {
  content:"\e903"
}
.flaticon-icon-5:before {
  content:"\e904"
}
.flaticon-icon-6:before {
  content:"\e905"
}
.flaticon-icon-7:before {
  content:"\e906"
}
.flaticon-icon-8:before {
  content:"\e907"
}
.flaticon-icon-10:before {
  content:"\e909"
}
.flaticon-icon-11:before {
  content:"\e90a"
}
.flaticon-icon-12:before {
  content:"\e90b"
}
.flaticon-icon-13:before {
  content:"\e90c"
}
.flaticon-icon-14:before {
  content:"\e90d"
}
.flaticon-icon-15:before {
  content:"\e90e"
}
.flaticon-icon-16:before {
  content:"\e90f"
}
.flaticon-icon-18:before {
  content:"\e911"
}
.flaticon-icon-20:before {
  content:"\e913"
}
.flaticon-icon-21:before {
  content:"\e914"
}
.flaticon-icon-23:before {
  content:"\e916"
}
.flaticon-icon-24:before {
  content:"\e917"
}
.flaticon-icon-25:before {
  content:"\e918"
}
.flaticon-icon-27:before {
  content:"\e91a"
}
.flaticon-icon-28:before {
  content:"\e91b"
}
.flaticon-icon-30:before {
  content:"\e91d"
}
.flaticon-icon-31:before {
  content:"\e91e"
}
.flaticon-icon-32:before {
  content:"\e91f"
}
.is-divider {
  background-color:var(--primary-color)
}
.post-item .is-divider {
  display:none
}
.portfolio-box,.d_tab .box {
  position:relative;
  border-radius:16px
}
.portfolio-box .box-text,.d_tab .box-text {
  margin-bottom:-50px
}
.portfolio-box:hover .box-text:after {
  top:110px;
  opacity:1
}
.portfolio-box:hover .box-text:before {
  top:-27px;
  opacity:1
}
.portfolio-box .portfolio-box-category {
  display:none
}
.portfolio-box .portfolio-box-title,.d_tab .box-text h5.post-title a {
  text-transform:uppercase;
  font-size:16px;
  font-weight:600;
  color:var(--primary-color);
  text-shadow:none;
  transition:all 0.3s ease-in-out;
  margin-top:0;
  margin-bottom:0;
  position:relative;
  padding-right:30px;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:25px;
  -webkit-line-clamp:2;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  height:48px
}
.portfolio-box:hover .portfolio-box-title, .d_tab .box:hover .post-title {
  opacity:1;
  transform:translateY(0)
}
.header-main  .menu-item .nav-dropdown li a {
  text-transform:initial;
  font-weight:500;
  font-size:16px;
  color:black
}
.portfolio-box .box-image,.portfolio-box .box-image img,.d_tab .box-image img {
  border-radius:16px
}
.section-dich-vu .box:hover {
  background:#0C2271
}
.section-dich-vu {
  background-color:#F8F8F8;
  background-image:url(images/servicebanner.png.webp);
  background-position:center left;
  background-repeat:no-repeat;
  background-size:auto
}
.section-dich-vu .box img,.section-dich-vu .box .box-image {
  border-radius:20px
}
.section-dich-vu .box:hover a,.section-dich-vu .box:hover h5,.section-dich-vu .box:hover p {
  color:white
}
.section-dich-vu .box {
  background:white;
  -webkit-box-shadow:0 10px 31px 10px rgba(12, 34, 113, 0.07);
  -khtml-box-shadow:0 10px 31px 10px rgba(12, 34, 113, 0.07);
  -moz-box-shadow:0 10px 31px 10px rgba(12, 34, 113, 0.07);
  -ms-box-shadow:0 10px 31px 10px rgba(12, 34, 113, 0.07);
  -o-box-shadow:0 10px 31px 10px rgba(12, 34, 113, 0.07);
  box-shadow:0 1px 12px -2px rgba(12, 34, 113, 0.07);
  padding:20px;
  margin-top:10px;
  border-radius:20px
}
.box-dien-thoai .icon-inner {
  background:var(--primary-color)
}
.row-danh-gia > .col > .col-inner {
  background-color:#FAFBFB;
  -webkit-box-shadow:0 3px 15px rgba(12, 34, 113, 0.09);
  -khtml-box-shadow:0 3px 15px rgba(12, 34, 113, 0.09);
  -moz-box-shadow:0 3px 15px rgba(12, 34, 113, 0.09);
  -ms-box-shadow:0 3px 15px rgba(12, 34, 113, 0.09);
  -o-box-shadow:0 3px 15px rgba(12, 34, 113, 0.09);
  box-shadow:0 3px 15px rgba(12, 34, 113, 0.09);
  padding:22px;
  border-radius:10px
}
.row-danh-gia > .col > .col-inner .icon-box {
  margin-bottom:20px
}
.row-danh-gia .icon-box img {
  border-radius:99px;
  padding-top:0px
}
.row-danh-gia {
  opacity:1 !important;
  margin-left:0px !important;
  margin-right:0px !important
}
.tab-xay-dung .tab-panels {
  border-left:unset
}
.tab-xay-dung .tab-panels .panel .row {
  background:white;
  padding:20px;
  border-radius:10px
}
.tab-xay-dung .tab-panels .panel img {
  border-radius:10px
}
.tab-xay-dung ul.nav-line li {
  border-top:unset
}
.tab-xay-dung ul.nav-line li a:before {
  display:none
}
.tab-xay-dung ul.nav-line li a:after {
  -webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  content:"";
  width:20px;
  height:45px;
  background-color:inherit;
  clip-path:polygon(0 0, 0% 100%, 100% 50%);
  position:absolute;
  top:45%;
  -webkit-transform:translateY(-50%);
  -khtml-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
  background-color:#fff;
  right:-6px;
  z-index:-1
}
.tab-xay-dung ul.nav-line li.active a:after {
  background-color:#0C2271
}
.tab-xay-dung ul.nav-line li a span:before {
  content:"\e911";
  font-family:Flaticon;
  background:var(--primary-color);
  color:white;
  width:70px;
  height:70px;
  border-radius:99px;
  display:block;
  line-height:70px;
  text-align:center;
  font-size:25px;
  position:absolute;
  top:12px;
  left:17px
}
.tab-xay-dung ul.nav-line li a span {
  padding-left:60px
}
.tab-xay-dung ul.nav-line li.active a {
  color:white;
  background:#0C2271
}
.tab-xay-dung ul.nav-line li a {
  color:black;
  font-size:17px;
  border-radius:10px;
  text-transform:initial;
  font-weight:bold;
  margin-bottom:15px;
  background:white;
  padding:33px;
  margin-right:14px
}
.title-tab {
  font-size:27px;
  font-weight:500
}
.title-tab-sub {
  color:var(--primary-color);
  font-weight:normal;
  font-size:20px;
  text-transform:uppercase
}
.div-right ul li {
  list-style:none;
  display:inline-block;
  width:45%;
  margin-left:0px;
  font-weight:500;
  font-size:17px;
  color:#131B29;
  margin-bottom:15px
}
.div-right ul li:before {
  content:"\f058";
  font-family:"Font Awesome 6 Pro";
  color:var(--primary-color);
  padding-right:4px
}
.product-category  .box-image {
  border-radius:20px
}
.section-quy-trinh .img .overlay,.section-quy-trinh img,.section-quy-trinh .img-inner {
  border-radius:10px
}
.div-icon-dac-diem  .col-inner {
  display:flex
}
.div-icon-dac-diem .col-inner .pxl-item--image i {
  font-size:38px
}
.div-icon-dac-diem .col-inner .pxl-item--image {
  border:1px solid rgba(88, 92, 123, 0.3);
  display:flex;
  align-items:center;
  justify-content:center;
  -webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  max-width:80px;
  min-width:80px;
  height:80px;
  margin-right:20px;
  -webkit-border-radius:50%;
  -khtml-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  border-radius:50%
}
.blog-archive .post-item .box-text h5 {
  font-size:25px;
  margin-bottom:4px
}
.blog-archive .post-item .box-text {
  padding:8px 0 0
}
.blog-home .post-item .box-text.box-normal {
  padding-bottom:0px
}
.blog-home .post-item:hover  .post-meta {
  background:white;
  color:black
}
.post-item a.button:after {
  content:"\f061";
  font-family:"Font Awesome 6 Pro";
  height:26px;
  width:24px;
  line-height:28px;
  color:#fff;
  clip-path:polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
  text-align:center;
  font-size:14px;
  font-weight:400;
  margin-left:5px;
  background:var(--primary-color);
  display:inline-flex;
  justify-content:center;
  align-items:center
}
.blog-home .post-item  .post-meta {
  opacity:1;
  max-width:135px;
  background:var(--primary-color);
  padding:0px 20px
}
.blog-home .post-item  .post-meta:before {
  padding-right:5px;
  content:"\f073";
  font-family:"Font Awesome 6 Pro"
}
.blog-home .post-item .box-image .overlay {
  background:linear-gradient(0deg, rgb(30 51 75) 0%, rgb(30 51 75 / 69%) 44%, rgb(0 0 0 / 15%) 59%) !important;
  transition:all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.blog-home .post-item:hover .box-image .overlay {
  background:linear-gradient(0deg, rgb(230 58 39) 0%, rgb(230 58 39 / 69%) 44%, rgb(0 0 0 / 15%) 59%) !important
}
.blog-home .post-item .box-image,.blog-home .post-item .box-image img {
  border-radius:10px
}
.portfolio-element-wrapper .nav li a,.d_tab .nav li a {
  font-size:18px;
  color:#111;
  font-weight:500;
  border:none;
  white-space:nowrap;
  font-weight:600;
  padding:12px 28.8px 12px 20px;
  display:block;
  position:relative;
  border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border:0;
  background:url(/wp-content/uploads/2025/12/af.png) no-repeat right center;
  background-size:auto 100%;
  clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
  position:relative;
  z-index:5
}
.portfolio-element-wrapper .nav li.active a,.d_tab .nav li.active a {
  color:var(--primary-color)
}
.post-item .post-meta {
  font-size:14px;
  position:absolute;
  right:12px;
  bottom:18px
}
.post-item h5 {
  font-size:20px;
  position:relative
}
.section-doi-ngu .box .social-icons a {
  opacity:0;
  transform:translateY(30px) scale(0.8);
  transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}
.section-doi-ngu .box:hover .social-icons {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}
.section-doi-ngu .box:hover .social-icons a:nth-child(1) {
  opacity:1;
  transform:translateY(0) scale(1);
  transition-delay:0.1s
}
.section-doi-ngu .box:hover .social-icons a:nth-child(2) {
  opacity:1;
  transform:translateY(0) scale(1);
  transition-delay:0.2s
}
.section-doi-ngu .box:hover .social-icons a:nth-child(3) {
  opacity:1;
  transform:translateY(0) scale(1);
  transition-delay:0.3s
}
.section-doi-ngu .box:hover .social-icons a:nth-child(4) {
  opacity:1;
  transform:translateY(0) scale(1);
  transition-delay:0.4s
}
.section-doi-ngu .box .social-icons a:hover {
  transform:translateY(-5px) scale(1.1);
  transition:all 0.2s ease !important;
  transition-delay:0s !important
}
.section-doi-ngu .box .social-icons a {
  transition-delay:0s
}
.section-doi-ngu .box-image,.section-doi-ngu .box-image img {
  border-radius:10px
}
.section-doi-ngu .box-image {
  margin-bottom:10px
}
.section-doi-ngu .box-image .overlay {
  background:transparent
}
.section-dich-vu .post-item .box-text {
  padding-top:30px
}
.section-dich-vu .post-item:nth-child(1) .box-text:before {
}
.section-dich-vu .post-item:nth-child(2) .box-text:before {
  content:"\e91d" !important
}
.section-dich-vu .post-item:nth-child(3) .box-text:before {
  content:"\e91e" !important
}
.section-dich-vu .post-item:nth-child(4) .box-text:before {
  content:"\e91f" !important
}
.section-dich-vu .post-item .box-text:before {
  content:"\e917";
  font-family:Flaticon;
  background:var(--primary-color);
  color:white;
  width:70px;
  height:70px;
  border-radius:99px;
  display:block;
  line-height:70px;
  text-align:center;
  font-size:35px;
  position:absolute;
  right:19px;
  margin-top:-70px
}
.section-dich-vu .post-item {
  padding-bottom:0px
}
.section-dem-nguoc .p-count {
  margin-top:15px;
  line-height:65px;
  font-size:60px;
  font-weight:bold;
  margin-bottom:0px
}
.section-dem-nguoc .pxl-item--icon i {
  color:var(--primary-color);
  font-size:45px;
  background:white;
  padding:20px;
  border-radius:99px; /* margin-bottom: 20px; */
  display:block;
  width:92px;
  height:92px;
  margin:auto;
  line-height:56px
}
.section-slide .banner .overlay {
  background:linear-gradient(
  90deg,
  rgb(30 51 75) 0%,
  rgb(30 51 75 / 34%) 30%,
  rgba(0, 0, 0, .5) 50%
  ) !important
}
.button-lien-he:hover {
  background-position:100%;
  -webkit-box-shadow:0 2px 10px rgba(230, 58, 39, 0.5);
  -khtml-box-shadow:0 2px 10px rgba(230, 58, 39, 0.5);
  -moz-box-shadow:0 2px 10px rgba(230, 58, 39, 0.5);
  -ms-box-shadow:0 2px 10px rgba(230, 58, 39, 0.5);
  -o-box-shadow:0 2px 10px rgba(230, 58, 39, 0.5);
  box-shadow:0 2px 10px rgba(230, 58, 39, 0.5)
}
.button-lien-he {
  background-position:0%;
  background-size:180%, 1px;
  background-image:linear-gradient(90deg, #c1352c 0%, #f84430 50%, #c1352c);
  border-radius:10px;
  padding:6px 27px;
  text-transform:inherit;
  font-weight:500
}
.div-image-giai-phap .pxl-item--meta {
  position:absolute;
  bottom:26px;
  left:0px;
  z-index:2;
  writing-mode:vertical-rl;
  transform-origin:left
}
.div-image-giai-phap .pxl-inner-meta {
  display:flex;
  align-items:center;
  -webkit-transform:rotate(180deg);
  -khtml-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg)
}
.div-image-giai-phap .div-chu-doc .col-inner {
  min-height:400px
}
.div-image-giai-phap .pxl--item-counter {
  line-height:1;
  font-weight:600;
  margin-bottom:15px
}
.div-image-giai-phap .pxl--counter-number {
  font-size:72px;
  font-weight:bold;
  color:var(--primary-color)
}
.div-image-giai-phap .pxl-item--title {
  font-weight:bold;
  font-size:28px;
  color:#131022;
  text-transform:uppercase;
  max-height:180px;
  line-height:1.2
}
.div-image-giai-phap {
  padding-top:20px
}
.div-image-giai-phap .image-left {
  margin-top:-100px;
  position:absolute;
  left:-139px;
  z-index:4
}
.div-image-giai-phap img,.div-image-giai-phap .img-inner {
  border-radius:20px
}
.title-small {
  display:inline;
  background:#E63A27;
  color:white;
  border-radius:99px;
  text-transform:uppercase;
  font-weight:normal;
  padding:8px 20px;
  font-size:15px
}
.title-home {
  font-size:37px;
  font-weight:500;
  line-height:49px;
  margin-top:20px
}
@media(max-width: 855px) {
  .div-du-an {
    padding-left:5px !important;
    padding-right:5px !important
  }
  .section-slide .banner {
    padding-top:370px !important
  }
  .section-du-an {
    padding-bottom:10px !important
  }
  .title-tab {
    font-size:22px;
    font-weight:500
  }
  .tab-xay-dung .tab-panels .panel .row {
    margin-left:0px !important;
    margin-right:0px !important
  }
  .section-quy-trinh {
    padding-top:20px !important;
    padding-bottom:20px !important
  }
  .div-text-icon p {
    font-size:90%
  }
  .section-dem-nguoc .p-count {
    margin-top:15px;
    line-height:45px;
    font-size:40px;
    margin-bottom:0px
  }
  .div-right {
  }
  .tab-xay-dung .tab-panels .panel .row {
    padding:10px
  }
  .portfolio-element-wrapper .row-isotope .col {
    padding-left:5px !important;
    padding-right:5px !important;
    padding-bottom:10px !important
  }
  .portfolio-element-wrapper .nav li {
    margin:0px 3px
  }
  .portfolio-element-wrapper .nav li a {
    font-size:14px;
    text-transform:initial;
    font-weight:bold;
    padding:5px 15px;
    border-radius:10px;
    color:black;
    font-weight:500;
    margin-bottom:6px
  }
  .title-home {
    font-size:25px;
    font-weight:500;
    line-height:42px;
    margin-top:20px
  }
  .section-dich-vu {
    padding-bottom:20px !important
  }
  .div-right ul li {
    display:inline-block;
    width:100%
  }
  .section-giai-phap {
    padding-top:20px !important;
    padding-bottom:20px !important
  }
  .div-image-giai-phap .pxl-inner-meta {
    display:flex
    ;
    align-items:center;
    -webkit-transform:unset;
    -khtml-transform:unset;
    -moz-transform:unset;
    -ms-transform:unset;
    -o-transform:unset;
    transform:unset
  }
  .div-image-giai-phap .div-chu-doc .col-inner {
    min-height:unset
  }
  .div-image-giai-phap .pxl-item--meta {
    position:relative;
    bottom:unset;
    left:unset;
    z-index:2;
    writing-mode:unset;
    transform-origin:unset
  }
}
@media(min-width: 1023px) {
  .tab-xay-dung .nav-vertical {
    width:30% !important
  }
}
/*CSS BI*/
.portfolio-box .portfolio-box-title:before, .portfolio-box .portfolio-box-title:after,.d_tab .box .post-title:before, .d_tab .box .post-title:after {
  content:'\f061';
  display:inline-block;
  height:26px;
  width:24px;
  line-height:28px;
  background:#d51f11;
  color:#fff;
  clip-path:polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
  text-align:center;
  font-size:14px;
  font-weight:400;
  position:absolute;
  top:7px;
  right:0;
  font-family:'FontAwesome';
  display:flex;
  align-items:center;
  justify-content:center
}
.portfolio-box .portfolio-box-title:hover:before {
  background:var(--primary-color)
}
.portfolio-box .portfolio-box-title:after, .d_tab .box .post-title:after {
  height:20px;
  width:18px;
  background:#fff;
  top:10px;
  right:3px;
  color:#d51f11
}
.portfolio-box .portfolio-box-title:hover:after {
  color:var(--primary-color)
}
.portfolio-element-wrapper .nav,.d_tab .nav {
  width:fit-content;
  margin:0 auto;
  -moz-box-shadow:-13px 8px 8px rgba(0,0,0,.05);
  filter:drop-shadow(0 2px 15px rgba(0, 0, 0, 0.4));
  padding:1px
}
.portfolio-element-wrapper .nav li, .d_tab .nav li {
  margin:0;
  z-index:99
}
.portfolio-element-wrapper .nav li:hover a,.d_tab .nav li:hover a {
  color:var(--primary-color)
}
.portfolio-element-wrapper .nav:before,.d_tab .nav:before {
  /* content:''; */
  width:102%;
  height:102%;
  background:#ccc;
  position:absolute;
  top:0;
  left:0;
  display:block;
  z-index:9
}
.portfolio-element-wrapper .nav:after,.d_tab .nav:after {
  /* content:''; */
  background:#fff;
  width:40px;
  height:96%;
  position:absolute;
  top:1px;
  right:1px;
  z-index:9;
  clip-path:polygon(0 50%, 16px 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 16px 100%)
}
.portfolio-element-wrapper .nav>li:first-child,.d_tab .nav>li:first-child {
  clip-path:polygon(0 50%, 15px 0, calc(100% - 0px) 0, 100% 50%, calc(100% - 0px) 100%, 15px 100%)
}
.portfolio-element-wrapper .nav>li:last-child,.d_tab .nav>li:last-child {
  clip-path:polygon(0 50%, 0px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0px 100%);
  padding-right:6px
}
.text_light h2 {
  filter:brightness(0) invert(1)
}
.text_light p {
  color:#fff
}
.about_ss {
  padding-top:60px !important;
  padding-bottom:60px !important
}
.about_ss1 .img1 {
  width:68% !important;
  margin-left:16%
}
.about_ss1 .img1 img {
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  height:100%
}
.about_ss1 .img2 {
  width:140px !important;
  height:140px !important;
  margin:0 !important;
  position:absolute;
  top:50%;
  right:5%
}
.about_ss1 .img2 .img-inner,.about_ss1 .img2 img {
  border-radius:100%;
  width:100%;
  height:100%
}
.about_ss1 .img2 img {
  border:5px solid var(--primary-color)
}
.about_ss1 .img1 {
  height:100% !important
}
.about_ss1 .large-6:last-child .col-inner {
  height:100%
}
.about_ss1 .large-6:last-child .img-inner {
  height:100%
}
.about_ss1 .large-6:last-child .col-inner p {
  background-color:#007cc2;
  color:#fff;
  max-width:310px;
  z-index:100;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:40px;
  padding:30px;
  outline-width:3px;
  outline-offset:15px;
  outline-color:#007cc2;
  outline-style:double;
  border-top:10px solid #fff;
  border-left:10px solid #a19d9c;
  border-bottom:10px solid #443935;
  border-right:10px solid #a19d9c;
  font-weight:600;
  font-size:18px;
  text-align:center
}
.about_ss .title_bf4 h2 {
  font-size:20px;
  text-transform:uppercase;
  margin-bottom:4px;
  color:var(--primary-color)
}
.about_ss .title_bf4 h3 {
  font-size:36px;
  text-transform:capitalize
}
.about_ss3 img {
  border-radius:12px
}
.about_ss3 .large-5 .img4 {
  width:80% !important;
  margin-left:auto
}
.about_ss3 .large-7 p {
  background:var(--primary-color);
  width:88%;
  padding:16px;
  border-radius:12px;
  color:#fff;
  font-size:16px;
  font-weight:600;
  text-align:center
}
.d_btn i.icon-gift {
  width:90px;
  height:104px;
  font-size:0;
  background:#ed3338;
  clip-path:polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
  display:flex;
  justify-content:center;
  align-items:center;
  transition:all .5s ease-out;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out
}
.d_btn,a.button.primary.d_btn {
  padding:0 !important;
  background-color:transparent !important;
  display:flex;
  align-items:center;
  border:0;
  z-index:5;
  width:fit-content;
  height:auto !important;
  gap:0
}
.d_btn:hover {
  background:none;
  box-shadow:none
}
.d_btn span {
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  -ms-transition:all .5s ease;
  -o-transition:all .5s ease;
  background:#ed3338;
  border-radius:0 8px 8px 0;
  -webkit-border-radius:0 8px 8px 0;
  -moz-border-radius:0 8px 8px 0;
  margin-top:-3px;
  margin-left:-1px;
  padding-left:22px;
  padding-right:25px;
  height:53px;
  color:#fff;
  font-size:18px;
  display:flex;
  justify-content:center;
  align-items:center
}
.d_btn .icon-gift:before {
  content:'';
  width:50px;
  height:50px;
  background-image:url(/wp-content/uploads/2025/12/favicon.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  clip-path:polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
  position:relative;
  z-index:9
}
.d_btn .icon-gift:after {
  content:'';
  clip-path:polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
  width:78px;
  height:90px !important;
  background:#fff;
  position:absolute
}
.d_btn:hover i.icon-gift,.d_btn:hover span {
  background:var(--primary-color)
}
.about_ss3 .d_btn {
  position:absolute;
  bottom:30px;
  left:60px
}
.about_ss4 .flickity-slider .row {
  position:relative;
  padding-top:44px
}
.about_ss4 .flickity-slider .row .icon-box {
  flex-direction:column-reverse;
  background:#fff;
  border-radius:12px
}
.about_ss4 .flickity-slider .row .icon-box .testimonial-meta {
  position:absolute;
  right:24px;
  bottom:-63px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  padding:0
}
.about_ss4 {
  background-image:url(/wp-content/uploads/2025/12/gt_img8.webp);
  background-size:cover;
  background-blend-mode:multiply;
  background-color:#007cc2
}
.about_ss4 .flickity-slider .row .icon-box .icon-box-text {
  position:relative;
  padding:44px 40px 50px 50px
}
.about_ss4 .flickity-slider .row .icon-box .icon-box-text:before {
  content:'';
  width:100%;
  height:90px;
  background:#ed3338;
  position:absolute;
  bottom:-83px;
  left:0;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px
}
.about_ss4 .flickity-slider .row .icon-box .icon-box-text .testimonial-text h3 {
  font-size:18px;
  font-weight:400;
  line-height:1.5;
  border-left:1px solid #ed3338;
  padding-left:38px;
  margin-bottom:40px
}
.about_ss4 .flickity-slider .row .icon-box .icon-box-img.testimonial-image {
  z-index:5;
  background:#fff;
  width:120px !important;
  height:120px;
  position:relative;
  display:inline-block;
  padding:0;
  z-index:1;
  border:10px solid #fff;
  margin-top:-60px;
  border-radius:12px !important;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  left:12px;
  bottom:7px
}
.about_ss4 .flickity-slider .row .icon-box .icon-box-img.testimonial-image img {
  width:100%;
  height:100%;
  border-radius:6px !important;
  padding:0
}
.about_ss4 .flickity-slider .row .icon-box .icon-box-img.testimonial-image:after {
  content:"";
  left:-10px;
  top:-10px;
  height:60px;
  background:#ed3338;
  border-radius:5px 5px 0 0;
  -webkit-border-radius:12px 12px 0 0;
  -moz-border-radius:5px 5px 0 0;
  position:absolute;
  z-index:-1;
  right:-10px
}
.about_ss4 .flickity-slider .row .icon-box .testimonial-meta span.testimonial-name-divider {
  display:none
}
.about_ss4 .flickity-slider .row .icon-box .testimonial-meta strong.testimonial-name.test_name {
  font-size:20px;
  color:#fff
}
.about_ss4 .flickity-slider .row .icon-box .testimonial-meta span.testimonial-company {
  font-size:14px;
  color:#fff
}
.about_ss4 .flickity-slider .row .icon-box .icon-box-text:after {
  content:"\f10d";
  font-family:'Font Awesome 6 Pro';
  font-weight:900;
  color:#007cc2;
  font-size:90px;
  line-height:1;
  position:absolute;
  right:30px;
  top:-46px;
  text-shadow:-5px -3px 0px #fff
}
.text_light h3 {
  color:#fff
}
.about_ss4 .slider {
  padding-top:20px
}
.about_ss4 h2 {
  font-size:20px;
  background-size:23px;
  background-position:0 2px;
  padding-left:30px
}
.about_ss5 {
  padding-top:60px !important
}
.about_ss5 .d_btn {
  left:50%;
  transform:translateX(-50%)
}
.page-title-inner {
  flex-flow:column;
  display:flex;
  align-items:flex-start
}
.page-title-inner .title-content {
  margin-left:0
}
.page-title-inner .title-breadcrumbs nav {
  text-transform:none
}
.page-title-inner h1.entry-title {
  font-size:32px
}
.about_ss1 {
  padding-bottom:40px !important
}
.about_ss2 {
  padding-bottom:30px !important
}
.about_ss3 {
  padding-bottom:40px !important
}
.about_ss4 {
  padding-bottom:10px !important
}
.about_ss5 {
  padding-bottom:20px !important
}
.about_ss2 .large-4 {
  padding-left:40px;
  padding-right:40px
}
.about_ss2 .large-4 .col-inner {
  position:relative;
  padding:20px;
  background:#fff;
  border-radius:12px;
  box-shadow:0 0 6px #ccc
}
.about_ss2 .large-4 .col-inner:before {
  content:"";
  position:absolute;
  height:100%;
  width:100%;
  right:-20px;
  top:20px;
  z-index:-1;
  padding:20px;
  outline-width:2px;
  outline-color:#ddd;
  outline-style:inset;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  -ms-transition:all .5s ease;
  -o-transition:all .5s ease;
  border-radius:12px;
  -webkit-border-radius:12px;
  -moz-border-radius:12px
}
.about_ss2 .large-4:hover .col-inner:before {
  right:0;
  top:0;
  outline-color:var(--primary-color)
}
.about_ss2 .large-4 h4 {
  font-size:19px;
  margin-bottom:4px;
  text-transform:uppercase;
  color:var(--primary-color)
}
.about_ss2 .large-4 p {
  font-size:16px
}
.about_ss2 .large-4 .box-text {
  padding:12px 0 10px
}
.about_ss2 .large-4 a.button {
  margin-bottom:0
}
.blog-archive .row > .col.post-item {
  flex-basis:25%;
  max-width:25%
}
.blog-archive .row > .col.post-item .col-inner {
  height:100%;
  background:#fff;
  cursor:pointer;
  -webkit-box-shadow:3px 5px 8px 0px rgba(50, 50, 50, .1);
  -moz-box-shadow:3px 5px 8px 0px rgba(50,50,50,.1);
  box-shadow:3px 5px 8px 0px rgba(50, 50, 50, .1);
  transition:all .5s ease-out;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  border:1px solid #ededed;
  overflow:hidden;
  background:#f8f8f8;
  padding:10px;
  border-radius:12px;
  -webkit-border-radius:12px;
  -moz-border-radius:12px
}
.blog-archive .row > .col.post-item .col-inner .box-image {
  position:relative;
  display:block;
  overflow:hidden;
  height:200px;
  width:100%;
  border-radius:10px;
  overflow:hidden;
  border:4px solid #ddd;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  -ms-transition:all .5s ease;
  -o-transition:all .5s ease
}
.blog-archive .row > .col.post-item:hover .col-inner {
  -webkit-box-shadow:5px 10px 30px 0px #7e7e7e;
  -moz-box-shadow:5px 10px 30px 0px #7e7e7e;
  box-shadow:5px 10px 30px 0px #7e7e7e;
  border:1px solid #007cc2
}
.blog-archive .row > .col.post-item .col-inner .box-text .post-title a {
  font-size:18px;
  font-weight:600;
  line-height:1.5;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:25px;
  height:50px;
  -webkit-line-clamp:2;
  display:-webkit-box;
  -webkit-box-orient:vertical
}
section.nv-cat-hero {
  height:300px;
  background:url(/wp-content/uploads/2025/12/8963daniel-mccullough-htblqdxfg9k-unsplash-1-scaled.webp);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin-bottom:40px
}
section.nv-cat-hero:before {
  width:80%;
  height:100%;
  content:"";
  position:absolute;
  z-index:1;
  background:rgba(0, 0, 0, .2);
  background:linear-gradient(to right, rgba(0, 0, 0, 0.4) 47.4%, rgba(0, 0, 0, 0) 100%);
  mix-blend-mode:multiply;
  left:0;
  top:0
}
section.nv-cat-hero .container {
  z-index:9
}
section.nv-cat-hero .nv-cat-hero__inner .nv-cat-hero__title {
  font-size:32px;
  color:#fff;
  margin-bottom:8px
}
section.nv-cat-hero .nv-cat-hero__inner .nv-cat-hero__breadcrumb nav, section.nv-cat-hero .nv-cat-hero__inner .nv-cat-hero__breadcrumb nav span,section.nv-cat-hero .nv-cat-hero__inner .nv-cat-hero__breadcrumb nav a {
  color:#fff;
  text-transform:none;
  line-height:1.5
}
.archive .blog-wrapper, .category .blog-wrapper {
  padding-top:0
}
.blog-archive .row > .col.post-item .col-inner .box-image > *,.blog-archive .row > .col.post-item .col-inner .box-image img {
  height:100%;
  object-fit:cover;
  padding-top:0 !important
}
article.nv-related-card {
  height:100%;
  background:#fff;
  cursor:pointer;
  -webkit-box-shadow:3px 5px 8px 0px rgba(50, 50, 50, .1);
  -moz-box-shadow:3px 5px 8px 0px rgba(50,50,50,.1);
  box-shadow:3px 5px 8px 0px rgba(50, 50, 50, .1);
  transition:all .5s ease-out;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  border:1px solid #ededed;
  overflow:hidden;
  background:#f8f8f8;
  padding:10px;
  border-radius:12px;
  -webkit-border-radius:12px;
  -moz-border-radius:12px
}
a.nv-related-thumb {
  position:relative;
  display:block;
  overflow:hidden;
  height:200px;
  width:100%;
  border-radius:10px;
  overflow:hidden;
  border:4px solid #ddd;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  -ms-transition:all .5s ease;
  -o-transition:all .5s ease
}
a.nv-related-thumb img {
  height:100%;
  object-fit:cover
}
article.nv-related-card:hover {
  -webkit-box-shadow:5px 10px 30px 0px #7e7e7e;
  -moz-box-shadow:5px 10px 30px 0px #7e7e7e;
  box-shadow:5px 10px 30px 0px #7e7e7e;
  border:1px solid #007cc2
}
h3.nv-related-heading a {
  font-size:18px;
  font-weight:600;
  line-height:1.5;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:25px;
  height:50px;
  -webkit-line-clamp:2;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  color:currentColor
}
.nv-related-body {
  padding-top:8px
}
.nv-related-body .nv-related-footer .d_btn {
  margin-bottom:0;
  margin-top:10px;
  color:#fff;
  position:relative
}
.nv-related-body .nv-related-meta {
  font-size:14px;
  margin-bottom:4px
}
.nv-related-body .nv-related-meta i.icon-clock {
  top:1px
}
.nv-related-excerpt {
  color:currentColor;
  font-size:16px;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:25px;
  -webkit-line-clamp:3;
  height:75px;
  display:-webkit-box;
  -webkit-box-orient:vertical
}
h3.nv-related-heading {
  margin-bottom:6px
}
.d_btn2:after {
  content:'\f061';
  font-family:'Font Awesome 6 Pro';
  height:26px;
  width:24px;
  line-height:28px;
  color:#ed3338;
  clip-path:polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
  text-align:center;
  font-size:14px;
  font-weight:400;
  margin-left:5px;
  background:#fff;
  display:inline-flex;
  justify-content:center;
  align-items:center
}
.nv-related-body .nv-related-footer {
  margin-top:6px
}
.nv-related-body .nv-related-footer .d_btn2 {
  margin-bottom:0
}
.post-sidebar .widget span.widget-title {
  background:#e5e7eb;
  font-size:17px;
  color:#131313;
  font-weight:600;
  line-height:30px;
  display:inline-block;
  padding:12px 50px 12px 1.2rem !important;
  position:relative;
  width:100%;
  text-transform:none;
  border-top-left-radius:12px;
  border-top-right-radius:12px
}
.post-sidebar .widget {
  padding:0
}
.post-sidebar .widget .is-divider.small {
  display:none
}
.post-sidebar .widget p {
  background:rgba(221, 221, 221, .18);
  background:#fff;
  border-radius:0 0 5px 5px;
  -webkit-border-radius:0 0 5px 5px;
  -moz-border-radius:0 0 5px 5px;
  padding:12px 20px;
  margin-bottom:0;
  font-size:15px
}
.post-sidebar .widget a.button.primary {
  margin-left:20px;
  text-transform:none;
  color:#fff
}
.post-sidebar .widget ul {
  padding:4px 20px;
  font-size:15px
}
.post-sidebar .widget ul>li+li {
  border-top:0
}
.post-sidebar .widget a.button.primary i.icon-angle-right:before {
  content:'\f061';
  font-family:'Font Awesome 6 Pro'
}
.blog-wrapper .large-8.col {
  -ms-flex:0 0 calc(100% - 320px);
  flex:0 0 calc(100% - 320px);
  max-width:calc(100% - 320px)
}
.blog-wrapper .post-sidebar.large-4.col {
  -ms-flex:0 0 320px;
  flex:0 0 320px;
  max-width:320px;
  padding-left:0
}
.blog-wrapper .post-sidebar.large-4.col form.searchform input,.blog-wrapper .post-sidebar.large-4.col form.searchform button {
  height:48px;
  box-shadow:none;
  border-radius:12px 0 0 12px;
  font-size:15px
}
.blog-wrapper .post-sidebar.large-4.col form.searchform button {
  width:48px;
  border-radius:0 12px 12px 0;
  background:var(--primary-color);
  font-size:14px
}
h2.nv-related-title {
  font-size:32px;
  color:var(--primary-color);
  text-transform:uppercase
}
.blog-single h1.entry-title {
  font-size:28px
}
.blog-single .entry-divider.is-divider.small {
  display:none
}
.blog-single .entry-meta {
  text-transform:none;
  font-size:14px
}
.d_tab .box .box-text {
  position:absolute;
  bottom:0;
  left:auto;
  transform:none;
  width:100%;
  padding-left:1.5em;
  padding-right:1.5em
}
.d_tab .col.post-item {
  padding-bottom:60px
}
.d_tab .nav {
  display:flex;
  overflow-x:auto;
  flex-wrap:nowrap;
  justify-content:flex-start
}
.blog-archive .post-item .box-text p.from_the_blog_excerpt {
  margin-bottom:4px
}
.d_btn2:hover,a.button.primary:hover {
  background:#ed3338 !important
}
span.nv-post-views {
  position:relative;
  padding-left:20px
}
span.nv-post-views:before {
  content:"\f06e";
  font-family:'Font Awesome 6 Pro';
  font-weight:600;
  padding-right:4px
}
span.posted-on {
  position:relative;
  font-size:0;
  color:currentColor
}
span.posted-on:before {
  content:'\f133';
  font-family:'Font Awesome 6 Pro';
  font-size:14px
}
span.posted-on a {
  font-size:14px;
  color:currentColor
}
span.byline span a {
  color:currentColor
}
.footer_ss2 .row1 {
  align-items:center
}
.footer_ss2 .row2 h4 {
  font-size:18px
}
.social-icons a.icon {
  clip-path:unset;
  justify-content:center;
  align-items:center;
  position:relative
}
.social-icons a.icon i {
  top:0
}
.footer_ss2 li {
  margin-left:0 !important;
  margin-bottom:8px !important;
  border:0 !important;
  gap:8px
}
.footer_ss2 li a {
  padding:0 !important
}
.footer_ss2 li i {
  position:relative;
  top:4px;
color: #ffffff;
}
.footer_ss2 .widget_nav_menu {
  padding:0;
  margin:0
}
.footer_ss2 .large-3:last-child p {
  margin-bottom:8px
}
.footer_ss2 .headphone,.footer_ss2 .clock {
  gap:8px;
  align-items:center;
  font-size:20px;
  font-weight:600;
  color:#ed3338
}
.footer_ss2 .headphone p,.footer_ss2 .clock p {
  margin-bottom:0 !important;
  color:#ed3338
}
.footer_ss2 .headphone i,.footer_ss2 .clock i {
  position:relative;
  top:-1px
}
.footer_ss2 .clock {
  font-size:16px;
  color:#fff
}
.footer_ss2 .clock p {
  color:#fff
}
.footer_ss2 .headphone {
  padding-top:14px;
  padding-bottom:14px
}
.footer_ss2 .menu li {
  position:relative;
  padding-left:24px
}
.footer_ss2 .menu li:before {
  content:'\f00c';
  font-family:'Font Awesome 5 Pro';
  position:absolute;
  top:3px;
  left:0;
  font-size:10px;
  z-index:5;
  opacity:1;
  background:#00BCD4;
  width:8px;
  height:8px;
  border-radius:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:7px
}
.footer_ss2 li .flex {
  gap:4px
}
.footer_ss2 .row2 {
  padding-top:40px
}
.blog-share .is-divider {
  display:none
}
.blog-share {
  padding-top:20px;
  text-align:left
}
.blog-share .social-icons {
  padding-left:80px
}
.single-post .entry-header .social-icons:before {
  content:'Chia sẻ:';
  position:absolute;
  top:6px;
  left:0;
  text-transform:uppercase;
  font-weight:700;
  font-size:16px;
  color:var(--primary-color)
}
.blog-share .social-icons a {
  border-color:var(--primary-color);
  color:var(--primary-color)
}
span.byline {
  display:none
}
.d_tab .nav.nav-simple li.tab {
  margin:0;
  background:#fff
}
.d_tab .dtab-arrow {
  width:36px;
  height:36px;
  min-height:36px;
  border-radius:50%;
  border:none;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:0;
  z-index:999999;
  margin:0
}
.d_tab .dtab-next {
  right:0;
  left:auto
}
.d_tab .dtab-arrow i {
  font-size:14px
}
.slick-list.draggable {
  background:#fff
}
a.button.primary.d_btn:hover {
  background:none !important
}
.about_ss5 a.button.primary.d_btn {
  display:flex !important
}
.accordion i::before {
  content:'\f063';
  font-family:'Font Awesome 6 Pro'
}
/*---*/
.d_counter {
  gap:12px;
  margin-bottom:50px;
  margin-top:50px
}
.d_counter .col {
  background:#034ea2;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  width:100%;
  height:100%;
  padding:0;
  min-height:120px;
  gap:10px
}
.d_counter .col p {
  margin:0;
  font-size:36px;
  font-weight:600;
  line-height:1
}
.d_counter .col2 {
  background:#00b9f2
}
.d_counter .col3 {
  background:#fbb040
}
.d_counter .col p span {
  font-size:16px;
  font-weight:400;
  display:block
}
.about__ss1 .quote {
  font-size:30px;
  font-weight:600;
  position:relative;
  width:calc(100% - 60px)
}
.about__ss1 .quote:after {
  content:'';
  background:url(/wp-content/uploads/2026/01/i-quater.svg) no-repeat;
  position:absolute;
  top:0;
  right:-60px;
  width:51px;
  height:44px
}
.slider-style-focus .flickity-slider>:not(.is-selected) {
  opacity:1
}
.about__ss3 .slider-style-focus .flickity-slider>:not(.is-selected) {
  transform:scaleY(.95);
  transform-origin:bottom
}
.about__ss3 .flickity-slider > .row {
  padding:8px !important
}
.about__ss3 .flickity-slider > .row.is-selected {
  bottom:-4px
}
.about__ss3 .flickity-slider > .row .col {
  padding-bottom:0
}
.about__ss3 .flickity-slider > .row .box-text h4 {
  font-size:20px
}
.about__ss3 .slider {
  padding-bottom:0
}
.about__ss3 .large-12 {
  padding-bottom:0
}
.about__ss3 {
  padding-bottom:0 !important
}
.about__ss1 .img1 img {
  width:65%;
  margin:0 auto;
  display:block
}
.history-item {
  display:flex;
  gap:44px;
  padding:1px
}
.history-item .history-text {
  flex-basis:60%;
  font-size:18px
}
.history-item .history-image {
  flex-basis:40%
}
.history-item .history-text p {
  margin-bottom:8px
}
.history-years span {
  font-size:32px;
  font-weight:700;
  position:relative;
  display:flex;
  justify-content:center
}
.history-years {
  display:flex;
  gap:4px;
  justify-content:space-around;
  position:relative;
  padding-top:20px
}
.history-years:before {
  content:'';
  width:100%;
  height:2px;
  position:absolute;
  border-top:1px dashed #ccc;
  top:0;
  left:0
}
.history-years span:before {
  content:'';
  width:12px;
  height:12px;
  background:#00b9f2;
  position:absolute;
  top:-26px;
  border-radius:100%
}
.history-years span.active:before {
  animation:boxShadow 1.5s ease-in-out infinite
}
.history-years span.year.active {
  color:#00b9f2
}
.history-content {
  padding-bottom:60px
}
@keyframes boxShadow {
  0% {
    box-shadow:0 0 0 0 rgba(0, 185, 242, .3)
  }
  50% {
    box-shadow:0 0 .3rem .3rem rgba(0, 185, 242, .3)
  }
  100% {
    box-shadow:0 0 .6rem .6rem rgba(0, 185, 242, 0)
  }
}
.home__ss3 {
  position:relative;
  background:#fff;
  padding-top:0 !important
}
.home__ss3::before {
  content:"";
  position:absolute;
  left:0;
  top:-90px;
  width:100%;
  height:140px;
  background:#fff;
  pointer-events:none;
  z-index:2;
  -webkit-mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H1000 V35 C780 130 240 130 0 30 Z' fill='black'/%3E%3C/svg%3E");
  mask-size:100% 100%;
  mask-repeat:no-repeat;
  mask-position:center
}
.about__ss1 {
  padding-bottom:0 !important
}
.about__ss2 {
  padding-top:30px !important
}
.home__ss3 .box-text {
  height:auto !important;
  text-align:left;
  padding-left:100px;
  z-index:5
}
.home__ss3 h4 {
  font-size:60px;
  line-height:1;
  margin-bottom:0;
  color:#fff
}
.home__ss3 p {
  font-size:16px;
  font-weight:600;
  text-transform:uppercase
}
.home__ss3 .box:before {
  content:'';
  background:linear-gradient(rgb(0 11 23 / 0%) 0%, rgb(0 11 20 / 80%) 100%);
  width:100%;
  height:56%;
  position:absolute;
  left:0;
  bottom:0;
  z-index:1
}
.home__ss3 .box {
  position:relative
}
.home__ss3 .row .col5 .box {
  display:flex;
  align-items:center
}
.home__ss3 .row .col5 .box .box-image {
  order:2;
  flex-basis:50%
}
.home__ss3 .row .col5 .box .box-text {
  order:1;
  flex-basis:50%;
  margin-left:-30px;
  height:100% !important;
  color:#fff;
  padding-top:30px;
  padding-bottom:30px;
  padding-left:64px
}
.home__ss3 .row .col5 .box-image img {
  height:calc(11rem + 30px);
  display:block
}
.home__ss3 .row .col5 .box .box-text h4 {
}
.home__ss3 .col5 .box:before {
  display:none
}
.home__ss3 .row .col7 h4 {
}
.home__ss3 .row .col7 p {
  font-size:16px;
  font-weight:600;
  text-transform:uppercase
}
.home__ss3 .col3 .box-text {
  padding-left:40px
}
svg.line1 {
  width:6.35631rem;
  height:12.96875rem;
  position:absolute;
  top:20%;
  left:37%;
  z-index:1
}
svg.line2 {
  position:absolute;
  width:4.5rem;
  height:12.65625rem;
  bottom:17%;
  left:40%;
  z-index:1
}
@keyframes line_animation {
  0% {
    stroke-dashoffset:1000
  }
  50% {
    stroke-dashoffset:0
  }
  100% {
    stroke-dashoffset:-1000
  }
}
svg.line1 path {
  stroke-dasharray:1000;
  stroke-dashoffset:1000;
  animation:line_animation 3s ease-in-out infinite;
  animation-delay:0.5s
}
svg.line2 path {
  stroke-dasharray:1000;
  stroke-dashoffset:1000;
  animation:line_animation 3s ease-in-out infinite;
  animation-delay:1s
}
.about__ss1 .col:last-child .col-inner {
  position:relative
}
.about__ss3 .flickity-slider > * {
  max-width:26.6%
}
.section-du-an .flickity-slider > * {
  max-width:33.33%;
  padding-left:12px;
  padding-right:12px
}
.section-du-an .slider-style-focus .flickity-slider>:not(.is-selected) {
  transform:scale(1);
  opacity:1
}
.section-du-an .large-3 p strong {
  color:#00b9f2;
  font-size:50px;
  line-height:1.4
}
.section-du-an .large-3 p {
  margin-bottom:0;
  font-size:18px;
  color:#666666;
  line-height:1
}
.section-du-an .large-3 hr {
  margin:4px 0 15px;
  color:#00b9f2;
  opacity:.4
}
.section-du-an .large-3 p strong span {
  font-size:32px
}
.section-du-an .slider {
  padding-top:0;
  padding-bottom:0
}
.section-du-an button.flickity-button.previous {
  left:-6px;
  opacity:1
}
.section-du-an button.flickity-button.next {
  right:-6px;
  opacity:1
}
.section-du-an button.flickity-button svg {
  background:#fff;
  color:#555;
  border:1px solid #eee !important;
  min-width:36px;
  height:36px;
  padding:10px
}
.culture_ss2 .large-4 .col-inner {
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center
}
.culture_ss2 .large-4:first-child .col-inner img {
  width:60%
}
.culture_ss2 .large-4:first-child .col-inner p {
  font-size:36px;
  font-weight:600;
  width:60%;
  line-height:1.3
}
.culture_ss2 .large-4:nth-child(3) .col-inner h6,.culture_ss2 .large-4:nth-child(7) .col-inner h6 {
  text-transform:none;
  font-size:64px;
  font-weight:700;
  line-height:1;
  margin-bottom:4px;
  color:#034ea3;
  opacity:1
}
.culture_ss2 .large-4:nth-child(3) .col-inner h6 span,.culture_ss2 .large-4:nth-child(7) .col-inner h6 span {
  font-size:50px
}
.culture_ss2 .large-4:nth-child(3) .col-inner p, .culture_ss2 .large-4:nth-child(7) .col-inner p {
  font-size:24px;
  font-weight:700;
  margin-bottom:0
}
.culture_ss2 .large-4:nth-child(5) .col-inner p, .culture_ss2 .large-4:nth-child(9) .col-inner p {
  font-size:20px;
  font-weight:600;
  padding-left:40px;
  padding-right:40px
}
.culture_ss2 .large-4:nth-child(5) .col-inner p strong, .culture_ss2 .large-4:nth-child(9) .col-inner p strong {
  color:#034ea3
}
.culture_ss2 .large-12 h3 {
  font-size:26px
}
.product_ss .tabbed-content .nav li a {
  text-transform:none;
  font-weight:400;
  font-size:16px;
  color:#000
}
.product_ss .tabbed-content .nav li {
  margin:0
}
.product_ss .tabbed-content .nav {
  gap:24px
}
.product_ss .tabbed-content .nav li.active a {
  color:var(--primary-color)
}
.product_ss .tabbed-content .nav li a:before {
  top:auto;
  bottom:8px;
  height:1px
}
.product_ss .tabbed-content .nav li a:hover {
  color:var(--primary-color)
}
.product_ss .tabbed-content .col.post-item {
  border:1px solid var(--primary-color);
  padding:16px;
  margin-left:-1px;
  margin-bottom:-1px
}
.product_ss .tabbed-content .row.large-columns-4 {
  margin-left:0;
  max-width:calc(100% + 3px)
}
.product_ss .tabbed-content .col.post-item .box-text {
  padding-bottom:0
}
.product_ss .tabbed-content .ux-relay__control {
  margin-top:24px
}
@media only screen and (max-width: 48em) {
  section.nv-cat-hero {
    height:150px
  }
  section.nv-cat-hero .nv-cat-hero__inner .nv-cat-hero__title {
    font-size:22px
  }
  .blog-archive .row > .col.post-item {
    flex-basis:100%;
    max-width:100%
  }
  .blog-archive .row > .col.post-item .col-inner .box-text .post-title a {
    height:auto;
    margin-bottom:6px
  }
  .blog-archive .post-item .box-text p.from_the_blog_excerpt {
    font-size:16px
  }
  .blog-archive .row > .col.post-item .col-inner .box-text span.nv-cat-date {
    font-size:15px
  }
  .blog-archive .row > .col.post-item {
    padding-bottom:20px
  }
  .blog-archive .row > .col.post-item .col-inner .box-image {
    height:220px
  }
  .archive .blog-wrapper, .category .blog-wrapper .large-12.col.div-layout {
    padding-bottom:4px
  }
  .blog-wrapper .large-8.col,.blog-wrapper .post-sidebar.large-4.col {
    flex-basis:100%;
    max-width:100%
  }
  section.nv-cat-hero {
    margin-bottom:0
  }
  .blog-wrapper .post-sidebar.large-4.col {
    padding-left:15px
  }
  .post-sidebar .widget span.widget-title {
    font-size:18px
  }
  .post-sidebar .widget p.has-block {
    font-size:16px
  }
  .post-sidebar .widget ul a {
    font-size:16px
  }
  h2.nv-related-title {
    font-size:22px
  }
  h3.nv-related-heading a {
    height:auto
  }
  a.nv-related-thumb {
    height:220px
  }
  .blog-single {
    padding-top:0;
    padding-bottom:15px
  }
  .blog-single h1.entry-title {
    font-size:22px
  }
  .slider-section .text-box {
    width:100% !important;
    left:0;
    padding-left:15px;
    padding-right:15px
  }
  .portfolio-element-wrapper .nav li a, .d_tab .nav li a {
    padding:8px 22px 8px 10px
  }
  .portfolio-element-wrapper .nav li a, .d_tab .nav li a {
    font-size:14px
  }
  .slider-section .banner {
    padding-top:500px !important
  }
  .slider-section .banner .button {
    font-size:16px
  }
  .footer_ss2 .headphone {
    padding-bottom:0
  }
  .page-title-inner h1.entry-title {
    font-size:26px
  }
  .page-title-inner .title-content {
    padding-top:0;
    padding-bottom:0
  }
  .page-title-inner .title-content .title-breadcrumbs {
    padding-top:6px
  }
  .about_ss1 {
    padding-top:30px !important
  }
  .title_bf3 h3 {
    font-size:26px
  }
  .title_bf3 h2 {
  }
  .about_ss .title_bf4 h3 {
    font-size:23px
  }
  .about_ss1 .img1 {
    width:100% !important;
    margin-left:0
  }
  .about_ss1 .img2 img {
    position:relative
  }
  .about_ss1 .img2 {
    z-index:999;
    top:44%
  }
  .about_ss1 .large-6:last-child {
    padding-bottom:0
  }
  .about_ss1 .large-6:first-child {
    padding-bottom:8px
  }
  .about_ss {
    padding-top:30px !important;
    padding-bottom:30px !important
  }
  .about_ss2 .large-4 {
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px
  }
  .about_ss2 .large-4 .col-inner:before {
    display:none
  }
  .about_ss2 {
    padding-bottom:15px !important
  }
  .about_ss3 .large-12 {
    padding-bottom:10px
  }
  .about_ss3 .large-5 .img4 {
    width:100% !important
  }
  .about_ss3 .large-5 {
    padding-bottom:15px
  }
  .about_ss3 .large-7 p {
    width:100%;
    margin-bottom:15px
  }
  .about_ss3 .large-7 {
    padding-bottom:0
  }
  .about_ss4 .flickity-slider .row .icon-box .icon-box-text {
    padding:40px 20px
  }
  .about_ss4 .flickity-slider .row .icon-box .icon-box-text .testimonial-text h3 {
    padding-left:0;
    border:0
  }
  .about_ss4 .row .large-6:first-child {
    padding-bottom:80px
  }
  .about_ss4 .slider {
    padding-bottom:0
  }
  .about_ss4 .large-12 {
    padding-bottom:0
  }
  .about_ss5 .img {
    width:20% !important
  }
  .d_btn, a.button.primary.d_btn {
    margin:0 auto
  }
  .about_ss5 h3 {
    font-size:28px !important;
    margin-bottom:14px
  }
  .about_ss5 h2 {
    line-height:1.5;
    margin-bottom:10px !important
  }
  #footer .row1 .col {
    padding-left:15px !important;
    padding-right:15px !important
  }
  #footer .row1 .social-icons {
    text-align:center;
    padding-top:20px
  }
  #footer .row1 .col .img {
    margin:0 auto
  }
  .footer_ss2 .row2 {
    padding-top:20px;
    margin-top:20px
  }
  .about_ss5 .d_btn {
    width:74% !important
  }
  .category .blog-wrapper .large-12.col.div-layout {
    padding-top:30px
  }
  .phongvt-form .btn-wrap {
    padding-bottom:0
  }
  .home_ss7 .nv-logo-slider-wrap {
    position:relative
  }
  .home_ss7 .nv-logo-slide {
    opacity:0;
    pointer-events:none;
    transform:translateX(40px);
    transition:
    opacity 0.35s ease,
    transform 0.35s ease;
    display:none
  }
  .home_ss7 .nv-logo-slide.active {
    display:flex;
    flex-wrap:wrap;
    opacity:1;
    pointer-events:auto;
    transform:translateX(0);
    padding-bottom:0;
    justify-content:center
  }
  .home_ss7 .nv-logo-nav {
    position:absolute;
    top:48%;
    transform:translateY(-50%);
    width:34px;
    height:34px;
    border-radius:50%;
    border:none;
    background:#fff;
    box-shadow:0 2px 6px rgba(0,0,0,.2);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:5;
    margin:0
  }
  .home_ss7 .nv-logo-prev {
    left:-6px
  }
  .home_ss7 .nv-logo-next {
    right:-6px
  }
  .home_ss7 .large-12 {
    padding-bottom:0
  }
  .home_ss7 {
    padding-bottom:15px !important
  }
  .d_btn span {
    padding-left:10px;
    padding-right:14px;
    height:44px;
    font-size:16px
  }
  .d_btn .icon-gift:after {
    width:58px !important;
    height:70px !important
  }
  .d_btn i.icon-gift {
    width:70px;
    height:84px
  }
  .home_ss7 .nv-logo-slide {
    padding-left:40px !important;
    padding-right:40px !important
  }
  .about_ss5 .large-12 {
    padding-bottom:0
  }
  .home_ss9 .large-12 {
    padding-bottom:0
  }
  .home_ss9 .large-12 .row {
    margin-bottom:-29.6px
  }
  .home_ss8 .d_tab .nav {
    justify-content:start
  }
  .home_ss6 a.button.primary.d_btn {
    margin-left:0
  }
  .about_ss5 a.button.primary.d_btn {
    justify-content:center
  }
  .home_ss4 .video {
    margin-bottom:15px
  }
  .home_ss4 .icon-box {
    margin-bottom:15px
  }
  .about_ss2 .large-12 {
    padding-bottom:8px
  }
  .off-canvas .nav-vertical>li>a {
    font-size:14px;
    color:#000
  }
  .nav-slide-header .toggle {
    font-size:15px;
    opacity:1
  }
  .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    color:#222;
    padding-top:10px;
    padding-bottom:10px
  }
  .nav-sidebar.nav-vertical>li+li {
    border:0
  }
  li.html.custom.html_top_right_text img {
    width:70%
  }
  li.html.custom.html_top_right_text {
    padding-top:40px
  }
  #main-menu button.toggle {
    opacity:1
  }
  #main-menu button.toggle i.icon-angle-right {
    top:-7px
  }
  #main-menu button.toggle i.icon-angle-right:before {
    font-size:14px;
    color:#333
  }
  #main-menu button.toggle i.icon-angle-left {
    top:-5px
  }
  #main-menu button.toggle i.icon-angle-left:before {
    content:'\f060';
    font-family:'Font Awesome 5 Pro';
    font-size:14px
  }
  .home__ss1 .img-inner.image-cover.dark {
    padding-top:210px !important
  }
  .home__ss2 {
    padding-top:30px !important;
    padding-bottom:50px !important;
    background-size:contain !important;
    background-position:0 180px !important
  }
  .home__ss2 h2 span {
    font-size:30px
  }
  .home__ss2 a.button {
    padding:4px;
    width:140px !important
  }
  .home__ss3::before {
    height:140px;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H1150 V45 C790 100 240 110 -160 40 Z' fill='black'/%3E%3C/svg%3E")
  }
  .home__ss3 .row .col1,.home__ss3 .row .col2,.home__ss3 .row .col3 {
    height:12rem
  }
  .home__ss3 .row .col1 {
    grid-column:span 5
  }
  .home__ss3 .row .col2 {
    grid-column:span 7
  }
  .home__ss3 .row .col3 {
    grid-column:span 7;
    height:11rem
  }
  .home__ss3 .row .col4 {
    grid-column:span 5;
    height:11rem
  }
  .home__ss3 .row .col5 {
    grid-column:span 6;
    height:11rem
  }
  .home__ss3 .row .col6 {
    grid-column:span 6;
    height:11rem
  }
  .home__ss3 .row .col7 {
    grid-column:span 12;
    height:11rem;
    padding-top:60px;
    padding-left:150px
  }
  .home__ss3 .row .col8 {
    display:none
  }
  .home__ss3 h4 {
    font-size:32px
  }
  .home__ss3 p {
    font-size:12px
  }
  .home__ss3 .row .col7 p {
    font-size:14px;
    margin-bottom:0
  }
  .home__ss3 .box-text {
    padding-left:24px
  }
  .home__ss3 .row .col5 .box {
    display:block
  }
  .home__ss3 .row .col5 .box .box-text {
    position:absolute;
    top:80px;
    z-index:5
  }
  .home__ss3 .row .col5 .col-inner:before {
    content:'';
    background:linear-gradient(rgb(0 11 23 / 0%) 0%, rgb(0 11 20 / 80%) 100%);
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    bottom:-5px;
    z-index:2
  }
  .home__ss3 .row .col5 .col-inner {
  }
  .home_ss h2 {
    font-size:22px !important
  }
  .d_counter {
    display:grid;
    grid-template-columns:repeat(12, 1fr)
  }
  .d_counter .col1 {
    grid-column:span 6
  }
  .d_counter .col2 {
    grid-column:span 6
  }
  .d_counter .col3 {
    grid-column:span 12
  }
  .about__ss1 .quote {
    font-size:20px
  }
  .about__ss1 .quote:after {
    background-size:33px;
    right:-77px
  }
  .about__ss1 .img1 img {
    width:100%
  }
  .about__ss1 .col:last-child {
    margin-top:-60px
  }
  svg.line1 {
    top:21%;
    left:29%;
    height:11.5rem
  }
  svg.line2 {
    bottom:17%;
    left:34%;
    height:11rem
  }
  .history-text {
  }
  .history-item {
    flex-direction:column;
    gap:16px
  }
  .history-item .history-image {
    order:1
  }
  .history-item .history-text {
    order:2
  }
  .history-content {
    padding-bottom:30px
  }
  .history-years span {
    font-size:18px
  }
  .about__ss2 .large-12 {
    padding-bottom:0
  }
  .about__ss3 .flickity-slider > * {
    max-width:90% !important
  }
  .about__ss3 .slider {
    padding-top:10px
  }
  .section-du-an .large-3 p strong {
    font-size:36px
  }
  .section-du-an .flickity-slider > * {
    max-width:80%
  }
  .culture_ss2 .large-12 h3 {
    font-size:18px
  }
  .culture_ss2 .large-4:first-child .col-inner p {
    font-size:18px
  }
  .culture_ss2 .large-4 .col-inner {
    min-height:200px
  }
  .culture_ss2 .large-4 .col-inner p {
    margin-bottom:0
  }
  .home_ss3 .large-12 {
    padding-bottom:20px
  }
}
@media only screen and (max-width: 26em) {
  .about_ss1 .img2 {
    top:51%;
    right:10px;
    width:110px !important;
    height:110px !important
  }
  .home_ss2 h2 {
    font-size:26px
  }
  .home_ss2 .large-6:first-child {
    min-height:340px
  }
  .d15year {
    top:220px
  }
  .title_bf2 p {
    font-size:16px
  }
  .home_ss6 .title_bf2 h2 {
    margin-bottom:12px
  }
  .title_bf2 h2 {
    font-size:22px;
    background-size:27px;
    padding-left:36px
  }
}
/* css form */
.col.col-padding {
  padding-bottom:0
}
.formdatxe {
  background:#0e2f5f;
  border-radius:8px;
  padding:30px;
  border:1px solid #eee
}
.formdatxe .col.col-padding {
  padding-bottom:1px
}
.formdatxe h4 {
  text-align:center;
  color:#FF9800;
  font-size:26px
}
.formdatxe input.wpcf7-form-control.wpcf7-text, .formdatxe select {
  border-radius:6px;
  height:44px;
  margin-bottom:10px;
  box-shadow:0 0;
  padding-left:30px;
  font-size:14px
}
.formdatxe i {
  position:absolute;
  bottom:18px;
  left:19px;
  z-index:9;
  font-size:14px;
  top:14px
}
i.fas.fa-street-view, i.fas.fa-phone-square-alt {
  color:#56c441
}
i.fas.fa-user, i.fas.fa-map-marker-alt {
  color:#333
}
i.fas.fa-car, i.fas.fa-calendar-alt {
  color:#0a5ec7
}
.formdatxe input.wpcf7-form-control.has-spinner.wpcf7-submit {
  padding:0 20px 1px 20px;
  text-transform:inherit;
  min-height:34px;
  line-height:11px;
  background: #e68900;
  color:white;
  border-radius:6px;
  margin-top:5px;
  width:100%
}
.formdatxe .btn-datxe {
  text-align:center
}
.btn-click {
  text-align:center;
  background-image:linear-gradient(90deg,#61c73f,#29b94c);
  color:#fff;
  border-radius:20px;
  line-height:30px;
  cursor:pointer
}
.wpcf7 form.invalid .wpcf7-response-output , .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output {
  background-image:linear-gradient(90deg,#61c73f,#29b94c);
  color:#fff;
  border-color:#61c73f
}
@media (max-width: 549px) {
  /* 	css col tour */
  .col.col-tour {
    padding:6px 5px
  }
  .box-tour p {
    font-size:15px
  }
  /* 	css form */
  span.wpcf7-list-item.first {
    margin-right:6px
  }
  input[type=checkbox] {
    margin-right:2px
  }
  .col.col-daochieu {
    padding-right:0
  }
  .btn-click {
    text-align:right;
    padding-right:10px
  }
}
.absolute-footer {
  background-color:#ed3338;
  display:none!important
}
.menu-footer .ux-menu,
.menu-footer .menu,
.menu-footer .nav,
.menu-footer ul {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px 22px !important;
  justify-content:flex-end !important; /* đổi center nếu muốn */
  align-items:center !important;
  margin:0 !important;
  padding:0 !important
}
/* item */
.menu-footer .ux-menu > li,
.menu-footer .menu > li,
.menu-footer .nav > li,
.menu-footer ul > li {
  display:inline-flex !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important
}
/* link */
.menu-footer a {
  display:inline-block !important;
  padding:6px 0 !important;
  color:#fff !important;
  font-weight:600 !important;
  text-decoration:none !important
}
/* ép bỏ kiểu menu dọc của Flatsome */
.menu-footer .ux-menu.ux-menu-stack,
.menu-footer .ux-menu-stack {
  flex-direction:row !important
}
/**/
.home_ss {
  padding-top:30px;
  padding-bottom:30px
}
.home_ss_hero .wpcf7 {
  width:42%
}
.formdatxe .row {
  display:flex
}
.formdatxe .row > .col {
  padding:0 8px 6px
}
.formdatxe .btn-datxe {
  padding-bottom:0 !important
}
.formdatxe input.wpcf7-form-control.has-spinner.wpcf7-submit {
  margin-bottom:0
}
.formdatxe input {
  height:44px
}
.home_ss_hero .icon-box h3 {
  font-size:16px;
  color:#fff;
  margin-bottom:0
}
.home_ss_hero .icon-box p {
  font-size:15px;
  color:#fff;
  margin-bottom:0
}
.home_ss_hero .large-2 {
  flex-basis:20%;
  max-width:20%
}
.home_ss_hero .icon-box .icon-inner {
  border-color:#fafa1e !important
}
.home_ss h2 {
  font-size:28px;
  text-transform:uppercase;
  position:relative;
  display:flex;
  justify-content:center
}
.home_ss h2:before,.home_ss h2:after {
  content:'';
  height:1.5px;
  width:160px;
  background:#FF9800;
  position:absolute;
  bottom:-10px
}
.home_ss h2:before {
  background:#FF9800;
  width:40px;
  height:4px;
  z-index:5;
  bottom:-11px
}
.home_ss2 .large-6 .box-image {
  order:2;
  width:54% !important
}
.home_ss2 .large-6 .box-text {
  order:1;
  width:46%;
  padding:0
}
.home_ss2 .large-6 .box {
  display:flex
}
.home_ss2 .large-6 .col-inner {
  border:2px solid #ddd;
  border-radius:16px;
  padding:24px
}
.home_ss2 .large-6 .box-text h4 {
  font-size:16px;
  margin-bottom:7px
}
.home_ss2 .large-6 .box-text h3 {
  font-size:24px;
  color:var(--primary-color);
  margin-bottom:14px
}
.home_ss2 .large-6 a.button {
  margin-bottom:0;
  font-size:13px;
  border-radius:8px !important
}
.home_ss2 .large-6 .box-text ul {
  margin-bottom:15px
}
.home_ss2 .large-6 {
  padding-bottom:0
}
.home_ss_hero h1,.home_ss_hero h2 {
  font-size:36px;
  display:block;
  line-height:1.2
}
.home_ss_hero h2:before,.home_ss_hero h2:after {
  display:none
}
.home_ss_hero p {
  margin-bottom:40px
}
.home_ss_hero {
  padding-top:45px;
  padding-bottom:15px
}
.home_ss3 .large-3 {
  flex-basis:20%;
  max-width:20%
}
.home_ss3 .large-3 .col-inner {
  border:1.5px solid #ddd;
  border-radius:12px;
  height:100%
}
.home_ss3 .large-3 .col-inner .box-image {
  border-radius:10px 10px 0 0
}
.home_ss3 .large-3 .col-inner .box-text {
  padding:12px 12px 6px;
  text-align:center
}
.home_ss3 .large-3 .col-inner .box-text .flex {
  justify-content:center;
  gap:4px;
  font-weight:600
}
.home_ss3 .large-3 .col-inner .box-text p.d_price {color:#FF9800}
.home_ss3 .large-3 .col-inner .box-text h4 {
  font-size:18px
}
.home_ss3 .large-3 .col-inner a.button {
  font-size:12px;
  font-weight:500;
  margin:0;
  margin:0 auto 12px;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  width:fit-content;
  border-radius:8px !important;
  border-width:1.5px
}
.home_ss4 table {
  border-radius:12px;
  background:#f7f7f7;
  box-shadow:0 0 6px #aaa
}
.home_ss4 table th {
  text-align:center;
  padding:10px;
  background:var(--primary-color);
  color:#fff;
  border-radius:12px 12px 0 0;
  height:40px;
  font-size:18px
}
.home_ss4 table tbody td {
  text-align:center;
  border-radius:12px
}
.home_ss4 table tbody .row-2 td,.home_ss4 table tbody .column-1 {
  font-weight:600;
}
.home_ss4 table tbody .column-1 {
    text-align: left;
    padding-left: 15px;
}
.home_ss4 .large-6 {
  padding-bottom:4px
}
.home_ss4 .large-12 p {
  font-size:15px;
  font-style:italic
}
.home_ss5 .large-2 {
  flex-basis:20%;
  max-width:20%;
  padding-bottom:0
}
.home_ss5 .row2 {
  border:2px solid #ddd;
  border-radius:16px;
  padding:30px
}
.home_ss5 .large-2 p {
  margin:0 auto;
  font-size:15px;
  width:90%
}
.home_ss5 .large-2 h3 {
  font-size:20px;
  margin-bottom:6px
}
.home_ss5 .large-2 .icon-inner {
  border-color:#ddd
}
.home_ss5 .row2 .col .icon:before {
  content:'1';
  position:absolute;
  top:0;
  left:0;
  background:var(--primary-color);
  color:#fff;
  width:24px;
  height:24px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
  z-index:5;
  font-size:14px
}
.home_ss5 .row2 .col:nth-child(2) .icon:before {
  content:'2'
}
.home_ss5 .row2 .col:nth-child(3) .icon:before {
  content:'3'
}
.home_ss5 .row2 .col:nth-child(4) .icon:before {
  content:'4'
}
.home_ss5 .row2 .col:nth-child(5) .icon:before {
  content:'5'
}
.home_ss5 .icon-box:hover .has-icon-bg .icon .icon-inner {
  background:none
}
.home_ss5 .large-2:before {
  content:'→';
  position:absolute;
  right:-19px;
  font-size:36px
}
.home_ss5 .large-2:last-child:before {
  display:none
}
.home_ss6 .slider .row {
  max-width:100%;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px
}
.home_ss6 .slider .row .col {
  padding:0;
  flex-basis:100%;
  max-width:100%
}
.home_ss6 .slider .row .col .col-inner {
  border:1.5px solid #ddd;
  border-radius:16px;
  padding:16px
}
.home_ss6 .slider .row .col .col-inner h3 {
  font-size:20px;
  margin-bottom:4px
}
.home_ss6 .slider .row .col .col-inner h4 {
  font-size:15px
}
.home_ss6 .slider .row .col .col-inner p {
  font-size:15px;
  font-style:normal
}
.home_ss6 h2 {
  margin-bottom:45px
}
.cta .row {
  background:var(--primary-color);
  border-radius:24px;
  margin-bottom:30px;
  padding:24px
}
.cta .row .img {
  position:absolute;
  top:-140px;
  left:0
}
.cta .row .col {
  padding-bottom:0
}
.cta .row .col:last-child {
  position:relative
}
.cta .row .img img {
  height:350px;
  width:auto
}
.cta h5 {
  font-size:24px;
  color:#FF9800;
  margin-bottom:4px
}
.cta p {
  color:#fff
}
.cta a.button.secondary {
  color:#000
}
.cta a.button.primary.is-outline {
  color:#fff;
  border-width:1.5px
}
.home_ss2 {
  padding-top:50px
}
.home_ss4 .large-12:last-child {
  padding-bottom:0
}
.home_ss3,.home_ss4 {
  padding-bottom:10px
}
#footer h5 {
  font-size:20px
}
#footer h6 {
  font-size:18px;
  opacity:1
}
#footer p,#footer .footer_ss2 .ux-menu a {
  font-size:15px
}
#footer .footer_ss2 .ux-menu a {
  padding:4px 0;
  min-height:auto
}
#footer ul {
  margin-top:12px
}
.phongvt-list ul li {
  margin-left:0
}
.contact_ss1 .col-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 649px;
}
.contact_ss1 h1 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 8px;
}

.contact_ss1 h4 {
    font-size: 20px;
    color: #fff;
    border-bottom: 1px solid #ffffffb5;
    width: fit-content;
    margin: 0 auto 18px;
    padding-bottom: 16px;
}

.contact_ss1 p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 6px;
}
.contact_ss1 h1 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 8px;
}

.contact_ss1 h4 {
    font-size: 20px;
    color: #fff;
    border-bottom: 1px solid #ffffffb5;
    width: fit-content;
    margin: 0 auto 18px;
    padding-bottom: 16px;
}

.contact_ss1 p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 6px;
}

.contact_ss2 .large-12 .col-inner {
    margin-top: -200px;
    margin-bottom: 80px;
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 2px 4px #ddd;
    z-index: 5;
}

.datxe-left:before {
    content: '';
    width: 50%;
    height: 100%;
    background: #f4b400;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 12px 0 0 12px;
}

.car-img {
    position: absolute;
    right: 0;
}

.contact_ss form {
    margin-bottom: 0;
}

.contact_ss2 h3 {
    font-size: 24px;
    color: var(--fs-color-secondary);
}

.contact_ss2 input {
    box-shadow: unset;
    margin: 0;
    height: 48px !important;
}

.contact_ss2 span.wpcf7-form-control-wrap {
    width: 100%;
}

.contact_ss2 .field {
    align-items: center;
    padding-right: 0;
}

.contact_ss2 input:focus {
    box-shadow: unset;
}
@media(max-width: 48em) {
  .home_ss_hero h1, .home_ss_hero h2 {
    font-size:28px
  }
  .home_ss_hero .wpcf7 {
    width:100%
  }
  .home_ss_hero .large-2 {
    flex-basis:100%;
    max-width:100%;
    padding-bottom:24px
  }
  .home_ss2 .large-6:nth-child(2) {
    padding-bottom:15px
  }
  .home_ss3 .large-3 {
    flex-basis:100%;
    max-width:50%;
    padding-bottom:15px
  }
  .home_ss5 .row2 {
    border:0;
    padding:10px;
    overflow-x:scroll;
    flex-wrap:nowrap
  }
  .home_ss5 .large-2 {
    flex-basis:50%;
    max-width:50%;
    min-width:200px
  }
  .home_ss6 .slider .row {
    gap:15px;
    display:flex
  }
  .cta .row {
    margin-bottom:0;
    border-radius:0;
    padding-bottom:0;
    padding-left:15px;
    padding-right:15px
  }
  .cta .row .img {
    top:-380px
  }
  .cta .row .img img {
    height:240px;
    margin:0 auto;
    display:block
  }
  .cta {
    padding-top:80px
  }
  .cta h5 {
    padding-top:40px
  }
  .footer_ss2 {
    padding-top:0 !important
  }
  .footer_ss2 .col {
    padding-bottom:15px !important
  }
  .cta .row .col {
    padding-left:0;
    padding-right:0
  }
  .off-canvas-left.dark .mfp-content {
    background:var(--primary-color)
  }
  #main-menu .nav li a {
    color:#000000;
    font-size:16px
  }
  .home_ss2 .large-6 .box {
    flex-direction:column
  }
  .home_ss2 .large-6 .box-image {
    order:1;
    width:100% !important
  }
  .home_ss2 .large-6 .box-text {
    width:100%
  }
  .home_ss2 .large-6 a.button {
    margin:0 auto;
    display:block;
    width:fit-content
  }
	.contact_ss1 .col-inner {
    height: 500px;
}

.contact_ss1 h1 {
    font-size: 30px;
}

.contact_ss2 .large-12 .col-inner {
    margin-top: -100px;
    padding: 15px;
}

.datxe-right {
    padding: 0 !important;
}
}