.elementor-297 .elementor-element.elementor-element-074fd80{--display:flex;--min-height:0vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-297 .elementor-element.elementor-element-074fd80:not(.elementor-motion-effects-element-type-background), .elementor-297 .elementor-element.elementor-element-074fd80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pkclear.com/wp-content/uploads/2025/09/bg1.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-297 .elementor-element.elementor-element-074fd80.e-con{--align-self:flex-end;}.elementor-297 .elementor-element.elementor-element-1425cc8{--display:flex;--min-height:3vh;}.elementor-widget-theme-site-logo .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-297 .elementor-element.elementor-element-2e0f56c.elementor-element{--align-self:center;}.elementor-297 .elementor-element.elementor-element-2e0f56c img{width:35%;max-width:29%;}.elementor-297 .elementor-element.elementor-element-9561a5e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--align-items:center;--margin-top:2%;--margin-bottom:2%;--margin-left:2%;--margin-right:2%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-297 .elementor-element.elementor-element-9561a5e.e-con{--order:99999 /* order end hack */;}.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-297 .elementor-element.elementor-element-43b9b2c{z-index:2;}.elementor-297 .elementor-element.elementor-element-fd955eb{--display:flex;--min-height:0vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-297 .elementor-element.elementor-element-fd955eb.e-con{--align-self:center;}.elementor-297 .elementor-element.elementor-element-f594d12{width:100%;max-width:100%;}.elementor-297 .elementor-element.elementor-element-f594d12.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:1;}.elementor-297 .elementor-element.elementor-element-b7babc8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-297 .elementor-element.elementor-element-b7babc8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-297 .elementor-element.elementor-element-b7babc8 img{width:100%;max-width:100%;}.elementor-297 .elementor-element.elementor-element-082fd56{z-index:1;}.elementor-297 .elementor-element.elementor-element-0aaeb21{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-297 .elementor-element.elementor-element-4eb4e41{--display:flex;--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-297 .elementor-element.elementor-element-4eb4e41:not(.elementor-motion-effects-element-type-background), .elementor-297 .elementor-element.elementor-element-4eb4e41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pkclear.com/wp-content/uploads/2025/09/khung-tin-tuc.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-297 .elementor-element.elementor-element-d6b8c96{--swiper-slides-to-display:1;--swiper-slides-gap:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:1;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:5%;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:5%;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-normal-color:#B8B0FF;}.elementor-297 .elementor-element.elementor-element-d6b8c96 .swiper-slide > .elementor-element{height:100%;}.elementor-297 .elementor-element.elementor-element-d6b8c96 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:double;border-width:6px 6px 6px 6px;}.elementor-297 .elementor-element.elementor-element-4499fe1{--display:flex;}.elementor-297 .elementor-element.elementor-element-4499fe1:not(.elementor-motion-effects-element-type-background), .elementor-297 .elementor-element.elementor-element-4499fe1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pkclear.com/wp-content/uploads/2025/09/Khung-tieu-de-bai.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-widget-premium-addon-blog .premium-blog-filters-container li a.category{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-secondary );background-color:var( --e-global-color-primary );}.elementor-widget-premium-addon-blog .premium-blog-filters-container li a.active{color:var( --e-global-color-primary );background-color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-blog .premium-blog-post-link:before, .elementor-widget-premium-addon-blog .premium-blog-post-link:after{border-color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-blog .premium-blog-entry-title, .elementor-widget-premium-addon-blog .premium-blog-entry-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-addon-blog .premium-blog-entry-title a{color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-blog .premium-blog-entry-title:hover a{color:var( --e-global-color-primary );}.elementor-widget-premium-addon-blog .premium-blog-cats-container a{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-premium-addon-blog .premium-blog-meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-premium-addon-blog .premium-blog-post-content{color:var( --e-global-color-text );}.elementor-widget-premium-addon-blog .premium-blog-post-tags-container{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-blog .premium-blog-pagination-container .page-numbers{color:var( --e-global-color-secondary );background-color:var( --e-global-color-primary );}.elementor-widget-premium-addon-blog .premium-blog-pagination-container .page-numbers:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-blog .premium-blog-pagination-container span.current{color:var( --e-global-color-primary );background-color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-blog ul.slick-dots li{color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-blog ul.slick-dots li.slick-active{color:var( --e-global-color-primary );}.elementor-widget-premium-addon-blog .premium-blog-wrap .slick-arrow{color:var( --e-global-color-primary );background-color:var( --e-global-color-secondary );}.elementor-297 .elementor-element.elementor-element-faa7b9a .premium-blog-post-outer-container{width:100%;}.elementor-297 .elementor-element.elementor-element-faa7b9a .premium-blog-content-wrapper{text-align:start;}.elementor-297 .elementor-element.elementor-element-faa7b9a .post-categories , .elementor-297 .elementor-element.elementor-element-faa7b9a .premium-blog-post-tags-container {justify-content:start;}.elementor-297 .elementor-element.elementor-element-faa7b9a .premium-blog-thumb-effect-wrapper{flex-basis:25%;}.elementor-297 .elementor-element.elementor-element-faa7b9a .premium-blog-thumbnail-container img{object-fit:cover;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-297 .elementor-element.elementor-element-faa7b9a .premium-blog-filter{justify-content:center;}.elementor-297 .elementor-element.elementor-element-faa7b9a .premium-blog-post-container:hover .premium-blog-thumbnail-container img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-297 .elementor-element.elementor-element-faa7b9a .elementor-repeater-item-94babe5{color:#FFFFFF;}@media(max-width:1024px){.elementor-297 .elementor-element.elementor-element-9561a5e{--grid-auto-flow:row;}.elementor-297 .elementor-element.elementor-element-f594d12.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-297 .elementor-element.elementor-element-0aaeb21{--grid-auto-flow:row;}.elementor-297 .elementor-element.elementor-element-d6b8c96{--swiper-slides-to-display:2;}.elementor-297 .elementor-element.elementor-element-faa7b9a .premium-blog-post-outer-container{width:50%;}}@media(min-width:768px){.elementor-297 .elementor-element.elementor-element-1425cc8{--content-width:1200px;}.elementor-297 .elementor-element.elementor-element-9561a5e{--width:80%;}.elementor-297 .elementor-element.elementor-element-fd955eb{--width:100%;}.elementor-297 .elementor-element.elementor-element-0aaeb21{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-297 .elementor-element.elementor-element-9561a5e{--width:100%;}}@media(max-width:767px){.elementor-297 .elementor-element.elementor-element-9561a5e{--width:82%;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-297 .elementor-element.elementor-element-f594d12{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-297 .elementor-element.elementor-element-f594d12.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-297 .elementor-element.elementor-element-0aaeb21{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-297 .elementor-element.elementor-element-d6b8c96{--swiper-slides-to-display:1;}.elementor-297 .elementor-element.elementor-element-faa7b9a .premium-blog-post-outer-container{width:100%;}}/* Start custom CSS for container, class: .elementor-element-1425cc8 *//* Cho phép logo co giãn theo viewport, không bị kẹt max-width mặc định */
.pkc-logo img{
  max-width: none;                 /* bỏ giới hạn 100% mặc định của Elementor */
  width: clamp(28px, 2.6vw, 56px); /* co theo màn hình: min 28px, max 56px */
  height: auto;
  object-fit: contain;
}

/* Padding header cũng co giãn nhẹ để tổng thể cân */
.header-inner, .elementor-location-header .elementor-container{
  padding: clamp(8px, 1.2vw, 14px) clamp(12px, 2vw, 20px);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-43b9b2c *//* === BASE: khung widget & ảnh === */
.elementor-297 .elementor-element.elementor-element-43b9b2c .elementor-widget-container{
  border-radius:14px;
  transition:transform .18s ease, box-shadow .22s ease, filter .22s ease;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
  cursor:pointer;
}
.elementor-297 .elementor-element.elementor-element-43b9b2c .elementor-image a{
  display:block;
  position:relative;                /* QUAN TRỌNG: shine bám vào <a> */
  overflow:hidden;                  /* cắt vệt sáng trong khung */
  border-radius:14px;
}
.elementor-297 .elementor-element.elementor-element-43b9b2c img{
  display:block; width:100%; height:auto;
  transition:transform .25s ease, filter .25s ease;
}

/* === HOVER: phóng to + sáng === */
.elementor-297 .elementor-element.elementor-element-43b9b2c:hover .elementor-widget-container{
  transform:translateY(-3px);
  box-shadow:0 16px 36px rgba(0,0,0,.35);
}
.elementor-297 .elementor-element.elementor-element-43b9b2c:hover img{ transform:scale(1.03); filter:brightness(1.08); }

/* === ACTIVE: nhún xuống === */
.elementor-297 .elementor-element.elementor-element-43b9b2c:active .elementor-widget-container{
  transform:translateY(0);
  box-shadow:0 8px 18px rgba(0,0,0,.25);
}
.elementor-297 .elementor-element.elementor-element-43b9b2c:active img{ transform:scale(.98); filter:brightness(.95); }

/* === GLOW (đổi màu ở đây nếu muốn) === */
/* tím (Tải Game): #7c3aed & #a78bfa  — đỏ (Cộng Đồng): #ef4444 & #fca5a5 */
.elementor-297 .elementor-element.elementor-element-43b9b2c:hover .elementor-widget-container{
  /* ĐỔI 2 màu dưới theo nút */
  filter: drop-shadow(0 0 16px #7c3aed) drop-shadow(0 0 36px #a78bfa);
}
/* Với nút Cộng Đồng, đổi thành:
   filter: drop-shadow(0 0 16px #ef4444) drop-shadow(0 0 36px #fca5a5);
*/

/* === SHINE gắn vào <a> (CHẮC CHẮN thấy) === */
.elementor-297 .elementor-element.elementor-element-43b9b2c .elementor-image a::after{
  content:"";
  position:absolute;
  top:-15%; bottom:-15%;
  left:-80%;                        /* bắt đầu ngoài khung */
  width:40%;
  z-index:2;                        /* nằm trên ảnh */
  pointer-events:none;
  mix-blend-mode:screen;
  /* dải sáng rõ ràng */
  background:linear-gradient(120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.25) 35%,
    rgba(255,255,255,.85) 50%,
    rgba(255,255,255,.25) 65%,
    rgba(255,255,255,0) 100%);
  transform:skewX(-20deg);
  transition:left .85s cubic-bezier(.22,.61,.36,1);
}
.elementor-297 .elementor-element.elementor-element-43b9b2c:hover .elementor-image a::after{
  left:130%;                        /* quét hết chiều ngang khi hover */
}

/* Focus bàn phím */
.elementor-297 .elementor-element.elementor-element-43b9b2c a:focus-visible{
  outline:3px solid #9dd6ff; outline-offset:4px; border-radius:12px;
}

/* Mobile */
@media (max-width:420px){ .elementor-297 .elementor-element.elementor-element-43b9b2c{ width:100%; } }

/* Tôn trọng prefer-reduced-motion */
@media (prefers-reduced-motion:reduce){
  .elementor-297 .elementor-element.elementor-element-43b9b2c .elementor-widget-container, .elementor-297 .elementor-element.elementor-element-43b9b2c img{ transition:none; }
  .elementor-297 .elementor-element.elementor-element-43b9b2c .elementor-image a::after{ display:none; }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-082fd56 *//* === BASE: khung widget & ảnh === */
.elementor-297 .elementor-element.elementor-element-082fd56 .elementor-widget-container{
  border-radius:14px;
  transition:transform .18s ease, box-shadow .22s ease, filter .22s ease;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
  cursor:pointer;
}
.elementor-297 .elementor-element.elementor-element-082fd56 .elementor-image a{
  display:block;
  position:relative;                /* QUAN TRỌNG: shine bám vào <a> */
  overflow:hidden;                  /* cắt vệt sáng trong khung */
  border-radius:14px;
}
.elementor-297 .elementor-element.elementor-element-082fd56 img{
  display:block; width:100%; height:auto;
  transition:transform .25s ease, filter .25s ease;
}

/* === HOVER: phóng to + sáng === */
.elementor-297 .elementor-element.elementor-element-082fd56:hover .elementor-widget-container{
  transform:translateY(-3px);
  box-shadow:0 16px 36px rgba(0,0,0,.35);
}
.elementor-297 .elementor-element.elementor-element-082fd56:hover img{ transform:scale(1.03); filter:brightness(1.08); }

/* === ACTIVE: nhún xuống === */
.elementor-297 .elementor-element.elementor-element-082fd56:active .elementor-widget-container{
  transform:translateY(0);
  box-shadow:0 8px 18px rgba(0,0,0,.25);
}
.elementor-297 .elementor-element.elementor-element-082fd56:active img{ transform:scale(.98); filter:brightness(.95); }

/* === GLOW (đổi màu ở đây nếu muốn) === */
/* tím (Tải Game): #7c3aed & #a78bfa  — đỏ (Cộng Đồng): #ef4444 & #fca5a5 */
.elementor-297 .elementor-element.elementor-element-082fd56:hover .elementor-widget-container{
  /* ĐỔI 2 màu dưới theo nút */
  filter: drop-shadow(0 0 16px #7c3aed) drop-shadow(0 0 36px #a78bfa);
}
/* Với nút Cộng Đồng, đổi thành:
   filter: drop-shadow(0 0 16px #ef4444) drop-shadow(0 0 36px #fca5a5);
*/

/* === SHINE gắn vào <a> (CHẮC CHẮN thấy) === */
.elementor-297 .elementor-element.elementor-element-082fd56 .elementor-image a::after{
  content:"";
  position:absolute;
  top:-15%; bottom:-15%;
  left:-80%;                        /* bắt đầu ngoài khung */
  width:40%;
  z-index:2;                        /* nằm trên ảnh */
  pointer-events:none;
  mix-blend-mode:screen;
  /* dải sáng rõ ràng */
  background:linear-gradient(120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.25) 35%,
    rgba(255,255,255,.85) 50%,
    rgba(255,255,255,.25) 65%,
    rgba(255,255,255,0) 100%);
  transform:skewX(-20deg);
  transition:left .85s cubic-bezier(.22,.61,.36,1);
}
.elementor-297 .elementor-element.elementor-element-082fd56:hover .elementor-image a::after{
  left:130%;                        /* quét hết chiều ngang khi hover */
}

/* Focus bàn phím */
.elementor-297 .elementor-element.elementor-element-082fd56 a:focus-visible{
  outline:3px solid #9dd6ff; outline-offset:4px; border-radius:12px;
}

/* Mobile */
@media (max-width:420px){ .elementor-297 .elementor-element.elementor-element-082fd56{ width:100%; } }

/* Tôn trọng prefer-reduced-motion */
@media (prefers-reduced-motion:reduce){
  .elementor-297 .elementor-element.elementor-element-082fd56 .elementor-widget-container, .elementor-297 .elementor-element.elementor-element-082fd56 img{ transition:none; }
  .elementor-297 .elementor-element.elementor-element-082fd56 .elementor-image a::after{ display:none; }
}/* End custom CSS */