.elementor-3983 .elementor-element.elementor-element-5a61ad0{--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;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3983 .elementor-element.elementor-element-b55fded{--display:flex;--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:space-between;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3983 .elementor-element.elementor-element-b55fded:not(.elementor-motion-effects-element-type-background), .elementor-3983 .elementor-element.elementor-element-b55fded > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(145deg, #F4FCFF 0%, #EEECFA 100%);}.elementor-widget-theme-archive-title .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-3983 .elementor-element.elementor-element-296fe3f.elementor-element{--align-self:center;}.elementor-3983 .elementor-element.elementor-element-296fe3f{text-align:center;}.elementor-3983 .elementor-element.elementor-element-296fe3f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#0B2E52;}.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-3983 .elementor-element.elementor-element-397a034{--divider-border-style:solid;--divider-color:#0B2E52;--divider-border-width:2px;}.elementor-3983 .elementor-element.elementor-element-397a034 .elementor-divider-separator{width:4%;margin:0 auto;margin-center:0;}.elementor-3983 .elementor-element.elementor-element-397a034 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-3983 .elementor-element.elementor-element-6ed7fe8{--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;--flex-wrap:wrap;--align-content:space-between;}.elementor-3983 .elementor-element.elementor-element-1a3d5a3{--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;}.elementor-widget-archive-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-archive-posts .elementor-post__title, .elementor-widget-archive-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-archive-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-archive-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-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-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-archive-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-archive-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-archive-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-widget-archive-posts .elementor-posts-nothing-found{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-3983 .elementor-element.elementor-element-6663e94{--grid-row-gap:30px;--grid-column-gap:30px;}.elementor-3983 .elementor-element.elementor-element-6663e94 .elementor-post__meta-data span + span:before{content:"•";}.elementor-3983 .elementor-element.elementor-element-6663e94 .elementor-post__card{border-radius:10px;}.elementor-3983 .elementor-element.elementor-element-6663e94 .elementor-post__title, .elementor-3983 .elementor-element.elementor-element-6663e94 .elementor-post__title a{font-family:"Roboto", Sans-serif;font-weight:600;}@media(min-width:768px){.elementor-3983 .elementor-element.elementor-element-5a61ad0{--content-width:850px;}.elementor-3983 .elementor-element.elementor-element-b55fded{--width:100%;}.elementor-3983 .elementor-element.elementor-element-6ed7fe8{--content-width:850px;}}@media(max-width:1024px) and (min-width:768px){.elementor-3983 .elementor-element.elementor-element-b55fded{--width:100%;}}@media(max-width:1024px){.elementor-3983 .elementor-element.elementor-element-b55fded{--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;}.elementor-3983 .elementor-element.elementor-element-296fe3f .elementor-heading-title{font-size:20px;}.elementor-3983 .elementor-element.elementor-element-6663e94 .elementor-post__title, .elementor-3983 .elementor-element.elementor-element-6663e94 .elementor-post__title a{font-size:18px;}}@media(max-width:767px){.elementor-3983 .elementor-element.elementor-element-b55fded{--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-3983 .elementor-element.elementor-element-296fe3f .elementor-heading-title{font-size:16px;}.elementor-3983 .elementor-element.elementor-element-6663e94 .elementor-post__title, .elementor-3983 .elementor-element.elementor-element-6663e94 .elementor-post__title a{font-size:14px;}}/* Start custom CSS for archive-posts, class: .elementor-element-6663e94 *//* =====================================================
   AL-AZKAR ARCHIVE CARD STYLE (v3.1 Optimized Calm)
   ===================================================== */

.elementor-widget-archive-posts .elementor-posts-container {
  counter-reset: post-counter;
}

/* Kad utama */
.elementor-widget-archive-posts .elementor-post__card {
  counter-increment: post-counter;
  position: relative;
  padding-left: 60px;
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(11, 46, 82, 0.06);
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
  will-change: transform;
}

/* Hover */
.elementor-widget-archive-posts .elementor-post__card:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(11, 46, 82, 0.08);
}

/* Tekan (mobile) */
.elementor-widget-archive-posts .elementor-post__card:active {
  transform: scale(0.985);
  box-shadow: 0 1px 3px rgba(11, 46, 82, 0.15);
  transition: transform 0.1s ease-in;
}

/* Nombor di kiri */
.elementor-widget-archive-posts .elementor-post__card::before {
  content: counter(post-counter);
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: #f1f5f9;
  color: #0B2E52;
  font-weight: 600;
  font-size: 17px;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.25s ease;
  pointer-events: none;
  user-select: none;
}

.elementor-widget-archive-posts .elementor-post__card:hover::before {
  background: #e8edf2;
}

/* Arrow kanan */
.elementor-widget-archive-posts .elementor-post__card::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  color: #0B2E52;
  font-size: 18px;
  opacity: 0.6;
  transition: right 0.2s ease, opacity 0.2s ease;
  pointer-events: none;
}

.elementor-widget-archive-posts .elementor-post__card:hover::after {
  right: 20px;
  opacity: 0.9;
}

/* Link */
.elementor-widget-archive-posts .elementor-post__card a {
  position: relative;
  z-index: 2;
  text-decoration: none;
  color: inherit;
}

@media (max-width: 767px) {
  .elementor-widget-archive-posts .elementor-post__card {
    padding-left: 50px;
  }
  .elementor-widget-archive-posts .elementor-post__card::before {
    left: 10px;
    width: 30px;
    height: 30px;
    font-size: 15px;
  }
}/* End custom CSS */