.elementor-1929 .elementor-element.elementor-element-8ef4932{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1929 .elementor-element.elementor-element-ad3cca1 .elementor-repeater-item-e431b17 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://diennhevietnam.vn/wp-content/uploads/2025/09/viettuan-synology-silver-partner-2.png);background-size:cover;}.elementor-1929 .elementor-element.elementor-element-ad3cca1 .elementor-repeater-item-246ab8d .swiper-slide-bg{background-color:#4054b2;background-image:url(https://diennhevietnam.vn/wp-content/uploads/2025/09/pexels-field-engineer-147254-442150-scaled.jpg);background-size:cover;}.elementor-1929 .elementor-element.elementor-element-ad3cca1 .elementor-repeater-item-873b0a8 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://diennhevietnam.vn/wp-content/uploads/2025/09/pexels-brett-sayles-4716292-scaled.jpg);background-size:cover;}.elementor-1929 .elementor-element.elementor-element-ad3cca1 .elementor-repeater-item-c7b2c34 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://diennhevietnam.vn/wp-content/uploads/2025/09/pexels-asphotograpy-96612-scaled.jpg);background-size:cover;}.elementor-1929 .elementor-element.elementor-element-ad3cca1 .elementor-repeater-item-e1a3e85 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://diennhevietnam.vn/wp-content/uploads/2025/09/addas.png);background-size:cover;}.elementor-1929 .elementor-element.elementor-element-ad3cca1 .swiper-slide{transition-duration:calc(5000ms*1.2);height:435px;}.elementor-1929 .elementor-element.elementor-element-ad3cca1{width:var( --container-widget-width, 80% );max-width:80%;margin:-55px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 233px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1929 .elementor-element.elementor-element-ad3cca1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1929 .elementor-element.elementor-element-ad3cca1 .swiper-slide-contents{max-width:73vw;}.elementor-1929 .elementor-element.elementor-element-ad3cca1 .swiper-slide-inner{text-align:center;}.elementor-1929 .elementor-element.elementor-element-ad3cca1 .elementor-slide-button{border-radius:0px;}.elementor-1929 .elementor-element.elementor-element-b4040c9{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1929 .elementor-element.elementor-element-945f205 img{height:370px;}.elementor-1929 .elementor-element.elementor-element-492fa4b{--display:flex;}.elementor-1929 .elementor-element.elementor-element-a6d2585{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;}.elementor-1929 .elementor-element.elementor-element-2d108c8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 6px;}.elementor-1929 .elementor-element.elementor-element-cb3e025{--display:flex;--padding-top:-10px;--padding-bottom:-10px;--padding-left:-10px;--padding-right:-10px;}.elementor-1929 .elementor-element.elementor-element-9e66803{padding:0px -3px -3px -3px;}.elementor-1929 .elementor-element.elementor-element-d232762{--display:flex;--padding-top:26px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1929 .elementor-element.elementor-element-57c0289{padding:0px -3px -3px -3px;}.elementor-1929 .elementor-element.elementor-element-e6bd776{--display:flex;--padding-top:26px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1929 .elementor-element.elementor-element-c850dcf{padding:0px -3px -3px -3px;}.elementor-1929 .elementor-element.elementor-element-60349df{--display:flex;--margin-top:22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px){.elementor-1929 .elementor-element.elementor-element-b4040c9{--grid-auto-flow:row;}.elementor-1929 .elementor-element.elementor-element-a6d2585{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1929 .elementor-element.elementor-element-8ef4932{--content-width:1200px;}.elementor-1929 .elementor-element.elementor-element-b4040c9{--content-width:1200px;}.elementor-1929 .elementor-element.elementor-element-492fa4b{--content-width:1200px;}.elementor-1929 .elementor-element.elementor-element-a6d2585{--content-width:1200px;}.elementor-1929 .elementor-element.elementor-element-cb3e025{--content-width:1200px;}.elementor-1929 .elementor-element.elementor-element-d232762{--content-width:1200px;}.elementor-1929 .elementor-element.elementor-element-e6bd776{--content-width:1200px;}.elementor-1929 .elementor-element.elementor-element-60349df{--content-width:1200px;}}@media(max-width:767px){.elementor-1929 .elementor-element.elementor-element-8ef4932{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1929 .elementor-element.elementor-element-8ef4932.e-con{--order:99999 /* order end hack */;}.elementor-1929 .elementor-element.elementor-element-ad3cca1{width:var( --container-widget-width, 230% );max-width:230%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:230%;--container-widget-flex-grow:0;}.elementor-1929 .elementor-element.elementor-element-ad3cca1 .swiper-slide{height:200px;}.elementor-1929 .elementor-element.elementor-element-ad3cca1 .swiper-slide-contents{max-width:0px;}.elementor-1929 .elementor-element.elementor-element-b4040c9{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1929 .elementor-element.elementor-element-a6d2585{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for slides, class: .elementor-element-ad3cca1 *//* Border cho Slide */
.custom-slide {
  border: 3px solid #fff;   /* màu xanh, dày 3px */
  border-radius: 6px;         /* bo góc */
  overflow: hidden;            /* ẩn phần ảnh tràn */
  box-shadow: 0 3px 5px rgba(0,0,0,0.08); /* đổ bóng nhẹ */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87c0acf *//* 1) Reset cơ bản cho mọi khối HTML tự chèn */
.html-safe, .elementor-widget-html .html-safe {
  box-sizing: border-box;
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* 2) Ảnh & iframe tự co theo chiều rộng mobile */
.html-safe img, 
.html-safe iframe, 
.html-safe video {
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

/* 3) Bảng/khối rộng vượt màn hình → cho cuộn ngang nhẹ */
.html-safe .table-responsive, 
.html-safe table {
  width: 100%;
  overflow-x: auto;
  display: block;
}

/* 4) Xử lý float cũ */
.html-safe::after { content: ""; display: table; clear: both; }

/* 5) Ngăn tràn ngang ngoài ý muốn */
html, body { overflow-x: hidden; }

/* 6) Sửa z-index cho các nút nổi (call/zalo/messenger) không che nội dung */
.fab-floating, .btn-call-fixed, .zalo-fixed, .messenger-fixed {
  position: fixed;
  right: 14px;
  z-index: 9999;
  /* chừa "tai thỏ" iPhone */
  bottom: calc(14px + env(safe-area-inset-bottom));
}

/* 7) Breakpoint mobile: dẹp margin âm / width cứng */
@media (max-width: 767.98px) {
  .html-safe [style*="width:"] { width: 100% !important; }
  .html-safe [style*="margin-left:-"], 
  .html-safe [style*="margin-right:-"] { margin-left: 0 !important; margin-right: 0 !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-492fa4b *//* ===== NAV GHOST – viền mảnh, icon đỏ ===== */
#box-sp{
  --navSize: 36px;
  --navGhostBorder: 1px solid #e8eaf0;
  --navGhostColor: #e03131;
}
#box-sp .nav{
  position:absolute; top:10px; z-index:3;
  width:var(--navSize); height:var(--navSize); border-radius:999px;
  background:#fff; border:var(--navGhostBorder); color:var(--navGhostColor);
  display:grid; place-items:center; box-shadow:0 6px 16px rgba(0,0,0,.08);
  transition:transform .18s, box-shadow .18s, background .18s, color .18s;
}
#box-sp .nav.prev{ right:56px; } 
#box-sp .nav.next{ right:12px; }
#box-sp .nav:hover{ transform:translateY(-1px); background:#fff; box-shadow:0 10px 24px rgba(0,0,0,.12); }
#box-sp .nav svg{ width:18px; height:18px; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3339449 */<style id="pl-hero-bg">
/* URL ảnh thay bằng link ảnh của bạn */
:root{
  --pl-hero-image: url('https://diennhevietnam.vn/wp-content/uploads/2025/09/anh-back1.png');
}

.pl-hero-bg{
  position: relative;
  background-image: var(--pl-hero-image);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /* Hiển thị nền rõ hơn: tăng min-height hoặc padding top/bottom */
  min-height: 520px;          /* bạn chỉnh theo ý */
  padding: 24px 0;
}

/* Overlay để tăng tương phản */
.pl-hero-bg::before{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(0deg, rgba(0,0,0,.25), rgba(0,0,0,.25));
}

/* Mobile: thường kéo nền lên trên 1 chút cho hợp */
@media (max-width: 767.98px){
  .pl-hero-bg{ min-height: 360px; background-position: center top; }
}
</style>/* End custom CSS */