/*
Theme Name: DLK
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;
  =:0;
  =:translateY(30px); /* Di chuyển xuống dưới 30px */
  transition:all 0.3s ease-in-out; /* Hiệu ứng mượt mà */
  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); /* Easing mượt hơn */
}
.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 30px 12px 20px;
  display:block;
  position:relative;
  border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border:0;
  background:#fff 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);
}
/* Hiện social icons khi hover vào box */
.section-doi-ngu .box:hover .social-icons {
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
/* Hiện từng icon với delay khác nhau */
.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;
}
/* Hiệu ứng hover cho từng icon */
.section-doi-ngu .box .social-icons a:hover {
  transform:translateY(-5px) scale(1.1);
  transition:all 0.2s ease !important;
  transition-delay:0s !important;
}
/* Tùy chọn: Hiệu ứng fade out khi không hover */
.section-doi-ngu .box .social-icons a {
  transition-delay:0s; /* Reset delay khi fade out */
}
.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 {padding-top:25px;}
  .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*/
.home_ss h2 {
  font-family:'utm';
  font-size:36px;
  font-weight:500;
  color:#a6a6a6;
}
.home_ss h2 span {color:var(--primary-color);}
.home_ss1 h2 {
  color:#fff;
  font-size:80px;
  font-family:"Roboto",sans-serif;
  text-transform:none;
  line-height:1.3;
}
.home_ss1 p {
  font-size:18px;
  font-weight:500;
}
.home_ss1 .row {margin-top:-71px !important;}
.home_ss1 .icon-box {
  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;
  position:relative;
  filter:drop-shadow(0 2px 15px rgba(0, 0, 0, 0.1));
  cursor:pointer;
}
.home_ss1 .icon-box .icon-box-text {
  clip-path:polygon(0 0, calc(100% - 35px) 0, 100% 50%, calc(100% - 35px) 100%, 0 100%);
  background:#fff;
  margin-top:29px;
  margin-left:50px;
  padding-left:60px;
  padding-right:25px;
  height:85px;
}
.home_ss1 .icon-box .icon-box-img {
  width:100px !important;
  height:115px;
  position:absolute;
  left:0;
  top:0;
  z-index:10;
  clip-path:polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
  filter:drop-shadow(0 2px 15px rgba(0, 0, 0, 0.1));
  background:#fff;
}
.home_ss1 .icon-box .icon-box-img .icon {
  width:86px;
  height:99px;
  padding-right:0;
  text-align:center;
  background:#007cc2;
  margin-top:8px;
  margin-left:7px;
  clip-path:polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
  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;
  display:flex;
  align-items:center;
  justify-content:center;
}
.home_ss1 .icon-box .icon-box-img .icon img {
  filter:brightness(0) invert(1);
  max-width:55%;
  max-height:55%;
  padding-top:0;
}
.home_ss1 .icon-box .icon-box-text h3 {
  font-size:18px;
  font-weight:600;
  margin-bottom:0;
  margin-top:6px;
  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;
}
.home_ss1 .icon-box .icon-box-text p {
  font-size:14px;
  font-weight:400;
  margin-bottom:0;
  line-height:1.4;
}
.home_ss2 h2 {padding-bottom: 120px;}
.home_ss2 .home_ss2_logo {
  position:absolute;
  top:46px;
  left:-154px;
  width:80% !important;
}
.home_ss2 .div-right {/* position:relative; */padding-bottom:60px !important;}
.home_ss2 .wheel img {width:70%;}
.home_ss2 {
  background-image:url('/wp-content/uploads/2025/12/ss2_bg.webp'), url('/wp-content/uploads/2025/12/ss2_bg2.webp');
  background-repeat:no-repeat;
  padding-bottom:0 !important;
  overflow:hidden;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, 50%;
  background-position: bottom, left center;
  padding-bottom: 60vw;
}
.home_ss2 .large-6:first-child {padding-bottom:0;}
.home_ss2 .wheel {
  width:1280px !important;
  position:absolute;
  top:0;
  left:-640px;
}
.home_ss2 .wheel img {
  height:100%;
  width:100%;
  border-radius:100%;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  position:relative;
  z-index:1;
  animation:rotation infinite 30s linear;
  padding:24px;
}
.home_ss2 .wheel:after {
  position:absolute;
  content:"";
  background:radial-gradient(circle, rgba(76, 137, 10, 0) 0%, rgba(76, 137, 10, 0) 50%, rgb(0, 124, 194) 50%, rgb(0, 124, 194) 100%);
  width:100%;
  height:100%;
  left:0;
  top:0;
  border-radius:100%;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  z-index:0;
}
.d15year {
  position:absolute;
  z-index:9;
  width:442px !important;
  left:-50px;
  top:380px;
}
@keyframes rotation {
  to {transform:rotate(360deg);}
}
a.button.primary, .d_btn2, .post-sidebar .widget a.button.primary {
  padding:0 6px 0 12px;
  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-color: #007cc2 !important;
  color: #fff !important;
  cursor:pointer;
  filter:drop-shadow(0 2px 15px rgba(0, 0, 0, 0.1));
  clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 25%, 100% 75%, calc(100% - 16px) 100%, 0 100%);
  min-height:28px;
  height:38px;
  font-size:15px;
  text-transform: none;
  border-color: transparent !important;
  display: inline-flex !important;
  align-items: center;
  padding-left: 10px;
  gap: 4px;
}
a.button.primary i.icon-angle-right, .post-sidebar .widget a.button.primary i.icon-angle-right {
  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;
  top: 0;
}
.home_ss a.button.primary.lowercase .icon-angle-right:before {
  content:'\f061';
  font-family:'Font Awesome 6 Pro';
}
.home_ss2 .home_ss2_bg3 {
  position:absolute;
  top:-80px;
  right:0;
  width:240px !important;
  z-index: -1;
}
.title_bf h2 {
  background:url(/wp-content/uploads/2025/12/favicon.png) no-repeat;
  background-size:40px;
  background-position:0 4px;
  padding-left:50px;
  padding-bottom:4px;
  margin-bottom:4px;
}
.title_bf2 h2 {
  font-size:46px;
  background-position:0 10px;
  background-size:44px;
  padding-left:60px;
}
.title_bf p {
  font-size:20px;
  text-transform:uppercase;
  padding-left:52px;
  margin-bottom:40px;
}
.title_bf2 p {padding-left:62px;}
.home_ss3 .row.row-isotope {margin-top:30px;}
.home_ss3 .portfolio-box .box-text-inner, .d_tab .box .box-text-inner {
  background:#fff;
  border-radius:12px;
  padding:12px;
  min-height:0;
  height: var(--base-height) !important;
  overflow:hidden;
  transition: height .35s ease !important;
  transform-origin: bottom center !important;
  box-shadow:0 0 6px #ccc;
}
.home_ss3 .portfolio-short-desc,.d_tab .box-text p.from_the_blog_excerpt {
  max-height:0;
  overflow:hidden;
  transition: ease .05s, opacity .5s, max-height 1s ease;
  font-size:16px;
  text-transform:none;
  text-shadow:none;
  padding-left:0;
  margin-bottom:0;
  color:#333;
}
.home_ss3 .portfolio-box:hover .box-text-inner,.d_tab .box:hover .box-text-inner {height: var(--expanded-height) !important;}
.home_ss3 .portfolio-box:hover .portfolio-short-desc,.d_tab .box:hover .from_the_blog_excerpt {
  opacity:1;
  max-height:300px;
}
.home_ss3 .row.row-isotope .col {padding-bottom:60px !important;}
.home_ss3 .large-12 {padding-bottom:0;}
.home_ss3 {padding-bottom:30px !important;}
.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);
  clip-path:polygon(
  0 50%,
  16px 0,
  calc(100% - 13px) 0,
  100% 50%,
  calc(100% - 13px) 100%,
  16px 100%
  );
  filter:drop-shadow(0 2px 15px rgba(0, 0, 0, 0.4));
  position:relative;
  padding:1px 11.5px 1px 1px;
}
.portfolio-element-wrapper .nav li, .d_tab .nav li {
  background:#fff;
  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%);}
.home_ss4 .icon-box {
  background:#007cc2 url('/wp-content/uploads/2025/12/opa_logo.png');
  background-repeat:no-repeat;
  background-position:94% center;
  background-size:220px; /* background-blend-mode: color-burn; */
  border-radius:12px;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  padding:20px;
  border:5px solid #f5f5f5;
  border-radius:12px;
  color:#fff;
}
.home_ss4 .icon-box .icon-box-img {
  background:#fff;
  border-radius:100%;
  padding:12px;
  margin-bottom:16px;
}
.home_ss4 .icon-box .icon-box-text h3 {
  font-size:18px;
  text-transform:uppercase;
  margin-bottom:4px;
  color:#fff;
}
.home_ss4 .icon-box .icon-box-text a.button.white {
  margin:0 auto;
  display:inline-block;
  width:fit-content;
  color:#d51f11 !important;
}
.home_ss4 .icon-box .icon-box-text {
  display:flex;
  flex-direction:column;
  align-items:center;
}
.home_ss4 .icon-box .icon-box-text p {margin-bottom:10px;}
.home_ss4 .icon-box .icon-box-text i.icon-phone {
  color:var(--primary-color);
  font-size:18px;
  margin-right:4px;
}
.home_ss4 iframe {
  border-radius:12px;
  border:5px solid #f5f5f5;
}
.home_ss4 {
  background:url(/wp-content/uploads/2025/12/ss4_bg.png) no-repeat;
  background-position:right;
}
.home_ss4 .accordion .accordion-item .accordion-title,.home_ss5 .accordion .accordion-item .accordion-title {
  padding:10px;
  background-image:url(/wp-content/uploads/2025/12/accordion-item-bg.jpg);
  background-blend-mode:multiply;
  background-size:cover;
  background-position:center;
  border-radius:4px;
  font-size:18px;
  font-weight:600;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.home_ss4 .accordion .accordion-item,.home_ss5 .accordion .accordion-item {margin-bottom:12px;}
.home_ss4 .accordion .accordion-item .accordion-inner,.home_ss5 .accordion .accordion-item .accordion-inner {
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:4px;
  padding:12px;
}
.home_ss4 .accordion .accordion-item .accordion-title.active,.home_ss5 .accordion .accordion-item .accordion-title.active {
  background:var(--primary-color);
  color:#fff;
}
.home_ss4 .accordion .accordion-item .accordion-inner p,.home_ss5 .accordion .accordion-item .accordion-inner p {margin-bottom:8px;}
.home_ss4 .accordion .accordion-item .accordion-inner p:last-child,.home_ss5 .accordion .accordion-item .accordion-inner p:last-child {margin-bottom:0;}
.home_ss4 .ytp-large-play-button-red-bg:before {
  content:"";
  display:block;
  position:absolute;
  top:0;
  right:0;
  z-index:-1;
  bottom:0;
  left:0;
  border-radius:50%;
  border:1px solid #ff2626;
}
.home_ss4 .ytp-large-play-button-red-bg {position:relative;}
.home_ss4 .accordion .accordion-item .accordion-title button.toggle,.home_ss5 .accordion .accordion-item .accordion-title button.toggle {
  padding:3px;
  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:#fff;
  filter:drop-shadow(0 2px 15px rgba(0, 0, 0, 0.1));
  clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 25%, 100% 75%, calc(100% - 16px) 100%, 0 100%);
  clip-path:polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
  border-radius:0;
  width:34px;
  height:38px;
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  opacity:1;
  order:2;
  position:unset;
  padding:0;
  margin:0;
}
.home_ss4 .accordion .accordion-item .accordion-title button.toggle i.icon-angle-down,.home_ss5 .accordion .accordion-item .accordion-title button.toggle i.icon-angle-down {
  height:28px;
  width:24px;
  clip-path:polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
  text-align:center;
  font-size:14px;
  font-weight:400;
  background:#ed3338;
  color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:3px;
  margin-left:0px;
  padding:0;
}
.home_ss9 {
  background:url(/wp-content/uploads/2025/12/home_news_bg.png) no-repeat center;
  background-size:100%;
}
.home_ss9:after {
  content:"";
  width:100%;
  height:40%;
  background:#ed3338;
  position:absolute;
  left:0;
  bottom:0;
}
.home_ss9 .col.post-item .col-inner {
  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;
  position:relative;
  background:url(/wp-content/uploads/2025/12/accordion-item-bg.jpg) no-repeat center;
  background-size:cover;
  border-radius:12px;
  -webkit-border-radius:12px;
  -moz-border-radius:5px;
  height:100%;
}
.home_ss9 .col.post-item .col-inner .box-text {
  padding:12px;
  position:relative;
}
.home_ss9 .col.post-item .col-inner .box-text h5.post-title a {
  font-size:16px;
  overflow:hidden;
  text-overflow:ellipsis;
  text-transform:uppercase;
  line-height:1.4;
  -webkit-line-clamp:2;
  display:-webkit-box;
  -webkit-box-orient:vertical;
}
.home_ss9 .col.post-item .col-inner .box-image {
  border-top-left-radius:12px;
  border-top-right-radius:12px;
}
.post-item a.button:hover {color:#ed3338;}
.post-item a.button:hover:after {background:#ed3338;}
#footer .section {padding:0 !important;}
#footer .section-content .row:first-child .col {padding:0;}
.home_ss5:before,.home_ss8:before {
  content:"";
  width:100%;
  height: 197px;
  background:#ed3338;
  position:absolute;
  left:0;
  top:0;
  box-shadow:inset 0 10px 20px rgba(0, 0, 0, .2), inset 0 -5px 5px rgba(0, 0, 0, .1);
}
.text_light h2 {filter:brightness(0) invert(1);}
.text_light p {color:#fff;}
.home_ss8 .box-image {
  position:relative;
  width:20vw;
  height:22vw;
  clip-path:polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
  background:#e1e1e1;
  filter:drop-shadow(0 2px 15px rgba(0, 0, 0, 0.4));
}
.home_ss8 .box-image .image-fade_in_back {
  width:calc(100% - 10px);
  height:calc(100% - 10px);
  margin-left:5px;
  margin-top:5px;
  clip-path:polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
  background:#fff;
  -webkit-box-shadow:inset 0 4px 10px rgba(76, 137, 10, .26);
  -moz-box-shadow:inset 0 4px 10px rgba(76,137,10,.26);
  box-shadow:inset 0 4px 10px rgba(76, 137, 10, .26);
  overflow:hidden;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  -ms-transition:all .5s ease;
  -o-transition:all .5s ease;
}
.home_ss8 .box-image a,.home_ss8 .box-image img {height:100%;}
.home_ss8 .box-text .product-title a {
  text-align:center;
  display:block;
  font-size:16px;
  font-weight:600;
  text-transform:uppercase;
  color:#111;
}
.home_ss8 .box-text {padding:20px 10px 10px;}
.home_ss8 .box-text .product-title a:hover {color:var(--primary-color);}
.home_ss8 .nav li.active a {color:var(--primary-color);}
.home_ss8 .large-12 {padding-bottom:0;}
.home_ss8 .large-12 {padding-bottom:0;}
.home_ss8 button.ux-relay__button.ux-relay__load-more-button {
  clip-path:polygon(
  10px 0,
  calc(100% - 10px) 0,
  100% 25%,
  100% 75%,
  calc(100% - 10px) 100%,
  10px 100%,
  0 75%,
  0 25%
  );
  color:#111;
  position:relative;
  z-index:5;
  font-size:0;
  padding:6px 16px;
  height:38px;
  margin-top: 44px;
}
.home_ss8 button.ux-relay__button.ux-relay__load-more-button:before {
  content:'';
  width:98%;
  height:95%;
  background:#fff;
  position:absolute;
  left:1%;
  top:2%;
  z-index:1;
  clip-path:polygon(10px 0, calc(100% - 10px) 0, 100% 25%, 100% 75%, calc(100% - 10px) 100%, 10px 100%, 0 75%, 0 25%);
}
.home_ss8 span.ux-relay__result-count {
  position:relative;
  z-index:5;
  font-size:14px;
  font-weight:500;
}
.home_ss8 span.ux-relay__result-count:before {
  content:'Xem thêm';
  padding-right:6px;
  text-transform:none;
}
.home_ss8 .tab-panels {padding-top:50px;}
.home_ss7 .title_bf p span {color:#ed3338;}
.home_ss6 {
  padding:0!important
}
.home_ss6 .title_bf2 h2 span {display:block;}
.home_ss6 .title_bf2 h2 {
  background-position:0 9px;
  margin-bottom:16px;
}
.home_ss6 .bg-left {
  background:url(/wp-content/uploads/2025/12/accordion-item-bg.jpg);
  position:absolute;
  width:50%;
  height:100%;
  top:0;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
.home_ss6 .bg-right {
  background:url(/wp-content/uploads/2025/12/ss6_bgr-scaled.webp);
  position:absolute;
  width:50%;
  height:100%;
  top:0;
  right:0;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  background-color:#007cc2;
  background-blend-mode:multiply;
}
.home_ss6 .section-content .col {
  z-index:9;
  padding-top:60px;
}
.home_ss6 .section-content .large-6:first-child {padding-right:140px;}
.home_ss6 .section-content .large-6:last-child p {
  color:#fff;
  padding-left:100px;
  font-size:18px;
  padding-top:24px;
  margin-bottom:34px;
}
.home_ss6 .section-content .large-6:last-child .img {
  position:absolute;
  bottom:-30px;
  left:-200px;
  width:300px !important;
  margin-bottom: 0;
}
.home_ss6 .section-content .large-6:last-child {position:relative;}
.home_ss6 .section-content .large-6:last-child .col-inner {height:100%;}
.home_ss6 .section-content .large-6:last-child .img.button-logo {
  width:50px !important;
  bottom:72px;
  left:31px;
  z-index:10;
}
.home_ss5:before {background:var(--primary-color);height: 170px;}
.home_ss7 .gallery-col.col .box-image {
  border-radius:8px;
  border:1px solid #ddd;
  box-shadow:0 0 6px #ccc;
  padding: 16px;
}
.home_ss7 .gallery-col.col .box-image img.gallery-item {padding:16px;background: #fff;}
.home_ss5 form.wpcf7-form {
  background:var(--primary-color);
  border-radius:16px;
  padding:40px;
  position:relative;
  z-index:9;
}
.home_ss5 form.wpcf7-form label {
  color:#fff;
  font-size:15px;
}
.home_ss5 form.wpcf7-form label span {padding-top:4px;}
.home_ss5 form.wpcf7-form input,.home_ss5 form.wpcf7-form textarea {
  border-radius:6px;
  min-height:40px;
  font-size:14px;
  box-shadow:none;
}
.home_ss5 form.wpcf7-form input.wpcf7-form-control.wpcf7-submit {
  background:#fff;
  color:var(--primary-color);
}
.title_bf3 h2 {
  font-size:32px;
  background-size:35px;
  padding-left:44px;
  color:var(--primary-color);
  margin-bottom:8px;
}
.title_bf3 h3 {
  font-size:36px;
  font-weight:900;
  line-height:1.3;
  text-transform:capitalize;
}
.title_bf3 p {
  text-transform:none;
  padding-left:0;
  margin-bottom:8px;
  font-size:16px;
}
.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);
}
.home_ss1 .icon-box:hover .icon-box-img .icon {background:red;}
.home_ss1 .icon-box:hover .icon-box-text h3 {color:var(--primary-color);}
.home_ss5 .large-12 {padding-bottom:60px;}
.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.has-block {
  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 .tab-panels {margin-top:16px;}
.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;}
.home_ss9 a.button.primary {
  background:none !important;
  color:var(--primary-color) !important;
  text-transform:uppercase;
}

@media (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:8px;}
.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-bottom:15px;}
.blog-single h1.entry-title {font-size:22px;}
.home_ss1 h2 {font-size:30px;}
.slider-section .text-box {
  width:100% !important;
  =:15px;
  left:0;
  padding-left:15px;
  padding-right:15px;
}
.home_ss1 .row {margin-top:15px !important;}
.home_ss2 .wheel {
  width:180% !important;
  left:-90%;
  bottom:-380px;
  top:auto;
  margin-top:!important;
}
.home_ss2 .large-6:first-child {order:2;}
.home_ss2 .large-6:last-child {order:1;}
.home_ss2 .large-6:first-child .col-inner {padding-top:320px;}
.d15year {
  bottom:10px;
  top:auto;
  left:0;
  width:240px !important;
}
.home_ss2 a.button {float:left;}
.home_ss2 h2 {font-size:28px;}
.home_ss2 .home_ss2_logo {
  top:54px;
  left:0;
}
.home_ss2 .home_ss2_bg3 {opacity: .15;}
.title_bf2 h2 {
  font-size:24px;
  background-size:30px;
  background-position: 0 1px !important;
  padding-left:40px;
}
.title_bf2 p {
  padding-left:40px;
  font-size:18px;
  margin-bottom:20px;
}
.portfolio-element-wrapper .nav li a, .d_tab .nav li a {padding:8px 30px 8px 20px;}
.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;}
.home_ss4 {background-position:top;}
.home_ss3 {padding-bottom:0 !important;}
.home_ss4 .large-7 {
  padding-bottom:0;
  margin-bottom:-10px;
}
.home_ss6 .section-content .large-6:first-child {padding-right:0;padding-bottom: 0;padding-top: 30px;}
.home_ss6 .bg-left {width:100%;}
.home_ss6 .bg-right {display:none;}
.home_ss6 .section-content .large-6:last-child .img {
  left:auto;
  right:0;
  width:200px !important;
  opacity: .9;
  z-index: 1;
}
.home_ss6 .section-content .large-6:last-child p {
  color:currentColor;
  padding-left:0;
  padding-right:100px;
  padding-top:0;
  position:relative;
  z-index:5;
}
.home_ss6 .section-content .col {padding-top:0;}


}