.elementor-857 .elementor-element.elementor-element-213e4ac{--display:flex;--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;--overlay-opacity:0.73;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-857 .elementor-element.elementor-element-213e4ac:not(.elementor-motion-effects-element-type-background), .elementor-857 .elementor-element.elementor-element-213e4ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://ptjtravel.com/wp-content/uploads/2026/06/Osaka-ezgif.com-png-to-webp-converter.webp");background-position:center center;background-size:cover;}.elementor-857 .elementor-element.elementor-element-213e4ac::before, .elementor-857 .elementor-element.elementor-element-213e4ac > .elementor-background-video-container::before, .elementor-857 .elementor-element.elementor-element-213e4ac > .e-con-inner > .elementor-background-video-container::before, .elementor-857 .elementor-element.elementor-element-213e4ac > .elementor-background-slideshow::before, .elementor-857 .elementor-element.elementor-element-213e4ac > .e-con-inner > .elementor-background-slideshow::before, .elementor-857 .elementor-element.elementor-element-213e4ac > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 0%, #000000 28%);}.elementor-857 .elementor-element.elementor-element-bdc585a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{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-primary );}.elementor-857 .elementor-element.elementor-element-ab3a472{text-align:center;}.elementor-857 .elementor-element.elementor-element-ab3a472 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:75px;font-weight:300;line-height:1.2em;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-857 .elementor-element.elementor-element-8b17839{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;}.elementor-857 .elementor-element.elementor-element-8b17839 .elementor-divider-separator{width:18%;margin:0 auto;margin-center:0;}.elementor-857 .elementor-element.elementor-element-8b17839 .elementor-divider{text-align:center;padding-block-start:14px;padding-block-end:14px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-857 .elementor-element.elementor-element-35972d2{text-align:center;font-family:"Questrial", Sans-serif;font-size:22px;font-weight:400;line-height:1.3em;color:#FFFFFF;}.elementor-857 .elementor-element.elementor-element-32215ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-857 .elementor-element.elementor-element-d21f208{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-857 .elementor-element.elementor-element-d21f208 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-857 .elementor-element.elementor-element-d21f208:after{content:"0.66";}.elementor-857 .elementor-element.elementor-element-d21f208 .elementor-post__thumbnail__link{width:100%;}.elementor-857 .elementor-element.elementor-element-d21f208 .elementor-post__meta-data span + span:before{content:"•";}.elementor-857 .elementor-element.elementor-element-d21f208 .elementor-post__card{background-color:#EBEBEB;}.elementor-857 .elementor-element.elementor-element-d21f208 .elementor-post__text{margin-top:20px;}.elementor-857 .elementor-element.elementor-element-d21f208 .elementor-post__badge{right:0;}.elementor-857 .elementor-element.elementor-element-d21f208 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-857 .elementor-element.elementor-element-d21f208 .elementor-post__title, .elementor-857 .elementor-element.elementor-element-d21f208 .elementor-post__title a{color:var( --e-global-color-f6d495b );font-family:"Poppins", Sans-serif;font-weight:700;}.elementor-857 .elementor-element.elementor-element-d21f208 .elementor-post__meta-data{color:#000000;font-family:"Questrial", Sans-serif;font-weight:400;}.elementor-857 .elementor-element.elementor-element-d21f208 .elementor-post__excerpt p{color:#000000;font-family:"Questrial", Sans-serif;font-weight:400;line-height:1.7em;}.elementor-857 .elementor-element.elementor-element-d21f208 a.elementor-post__read-more{font-family:"Questrial", Sans-serif;font-weight:500;}.elementor-857 .elementor-element.elementor-element-d21f208 .elementor-button{font-family:"Outfit", Sans-serif;font-weight:500;}@media(min-width:768px){.elementor-857 .elementor-element.elementor-element-bdc585a{--width:76%;}}@media(max-width:767px){.elementor-857 .elementor-element.elementor-element-213e4ac{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-857 .elementor-element.elementor-element-ab3a472{text-align:start;}.elementor-857 .elementor-element.elementor-element-ab3a472 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-857 .elementor-element.elementor-element-8b17839 .elementor-divider{text-align:center;}.elementor-857 .elementor-element.elementor-element-8b17839 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-857 .elementor-element.elementor-element-35972d2{text-align:center;font-size:16px;}.elementor-857 .elementor-element.elementor-element-32215ca{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-857 .elementor-element.elementor-element-d21f208 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-857 .elementor-element.elementor-element-d21f208:after{content:"0.5";}.elementor-857 .elementor-element.elementor-element-d21f208 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-d21f208 *//* ===== PTJ TRAVEL TIPS POSTS WIDGET - FULL CSS FIXED ===== */

.ptj-tips-posts {
  width: 100%;
}

/* ===== POSTS GRID ===== */

.ptj-tips-posts .elementor-posts-container,
.ptj-tips-posts .elementor-grid {
  gap: 28px !important;
}

/* ===== CARD ===== */

.ptj-tips-posts .elementor-post {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(0, 27, 112, 0.08);
  box-shadow: 0 22px 55px rgba(0, 14, 68, 0.10);
  transition: all 0.35s ease;
}

/* Card hover sahaja */
.ptj-tips-posts .elementor-post:hover {
  transform: translateY(-8px);
  box-shadow: 0 30px 75px rgba(0, 14, 68, 0.16);
}

/* ===== FEATURED IMAGE FIX ===== */

/* Link wrapper image */
.ptj-tips-posts .elementor-post__thumbnail__link {
  display: block !important;
  width: 100% !important;
  height: 260px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 24px 24px 0 0 !important;
  overflow: hidden !important;
  background: #e9e9e9 !important;
}

/* Thumbnail container */
.ptj-tips-posts .elementor-post__thumbnail {
  position: relative !important;
  width: 100% !important;
  height: 260px !important;
  min-height: 260px !important;
  padding-bottom: 0 !important;
  border-radius: 24px 24px 0 0 !important;
  overflow: hidden !important;
  background: #e9e9e9 !important;
}

/* Reset Elementor default image ratio */
.ptj-tips-posts .elementor-post__thumbnail::before,
.ptj-tips-posts .elementor-post__thumbnail:before {
  display: none !important;
  content: none !important;
  padding-bottom: 0 !important;
}

/* Image paksa cover penuh */
.ptj-tips-posts .elementor-post__thumbnail img {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

/* Buang hover effect pada gambar sahaja */
.ptj-tips-posts .elementor-post:hover .elementor-post__thumbnail img {
  transform: none !important;
  filter: none !important;
}

/* ===== HIDE AUTHOR AVATAR ===== */

.ptj-tips-posts .elementor-post__avatar,
.ptj-tips-posts .elementor-post-avatar,
.ptj-tips-posts .elementor-post__avatar img,
.ptj-tips-posts .elementor-post__avatar a {
  display: none !important;
}

/* ===== CATEGORY BADGE ===== */

.ptj-tips-posts .elementor-post__badge {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  left: auto !important;
  z-index: 5;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: #ffd600 !important;
  color: #000e44 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  box-shadow: 0 10px 24px rgba(255, 214, 0, 0.28);
}

/* ===== CONTENT AREA ===== */

.ptj-tips-posts .elementor-post__text {
  padding: 26px 28px 30px !important;
}

/* ===== TITLE ===== */

.ptj-tips-posts .elementor-post__title {
  margin: 0 0 14px !important;
}

.ptj-tips-posts .elementor-post__title a {
  color: #001b70 !important;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.22;
  letter-spacing: -0.4px;
  text-decoration: none !important;
  transition: color 0.25s ease;
}

.ptj-tips-posts .elementor-post__title a:hover {
  color: #0057ff !important;
}

/* ===== EXCERPT ===== */

.ptj-tips-posts .elementor-post__excerpt {
  margin: 0 0 22px !important;
}

.ptj-tips-posts .elementor-post__excerpt p {
  color: #333333;
  font-size: 15px;
  line-height: 1.75;
  margin: 0;
}

/* ===== READ MORE BUTTON ===== */

.ptj-tips-posts .elementor-post__read-more {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 999px;
  background: #000e44;
  color: #ffd600 !important;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none !important;
  letter-spacing: 0.3px;
  transition: all 0.3s ease;
}

.ptj-tips-posts .elementor-post__read-more::after {
  content: "→";
  margin-left: 8px;
  font-size: 16px;
  transition: transform 0.3s ease;
}

.ptj-tips-posts .elementor-post__read-more:hover {
  background: #ffd600;
  color: #000e44 !important;
  transform: translateY(-2px);
}

.ptj-tips-posts .elementor-post__read-more:hover::after {
  transform: translateX(4px);
}

/* ===== META DATA ===== */

.ptj-tips-posts .elementor-post__meta-data {
  color: rgba(0, 27, 112, 0.55);
  font-size: 13px;
  margin-bottom: 12px;
}

/* ===== PAGINATION ===== */

.ptj-tips-posts .elementor-pagination {
  margin-top: 38px;
}

.ptj-tips-posts .elementor-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  margin: 0 4px;
  border-radius: 999px;
  background: #ffffff;
  color: #001b70;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 10px 25px rgba(0, 14, 68, 0.08);
  transition: all 0.25s ease;
}

.ptj-tips-posts .elementor-pagination .page-numbers.current,
.ptj-tips-posts .elementor-pagination .page-numbers:hover {
  background: #ffd600;
  color: #000e44;
}

/* ===== MOBILE RESPONSIVE ===== */

@media (max-width: 767px) {
  .ptj-tips-posts .elementor-post {
    border-radius: 20px;
  }

  .ptj-tips-posts .elementor-post__thumbnail__link,
  .ptj-tips-posts .elementor-post__thumbnail {
    height: 220px !important;
    min-height: 220px !important;
    border-radius: 20px 20px 0 0 !important;
  }

  .ptj-tips-posts .elementor-post__text {
    padding: 22px 22px 26px !important;
  }

  .ptj-tips-posts .elementor-post__title a {
    font-size: 20px;
  }

  .ptj-tips-posts .elementor-post__excerpt p {
    font-size: 14.5px;
    line-height: 1.65;
  }

  .ptj-tips-posts .elementor-post__badge {
    top: 14px !important;
    right: 14px !important;
    font-size: 10.5px !important;
    padding: 7px 12px !important;
  }
}
/* End custom CSS */