.elementor-401 .elementor-element.elementor-element-edd3ec4{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-401 .elementor-element.elementor-element-9583e96{--display:flex;--min-height:400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-401 .elementor-element.elementor-element-9583e96:not(.elementor-motion-effects-element-type-background), .elementor-401 .elementor-element.elementor-element-9583e96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.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 );}.elementor-401 .elementor-element.elementor-element-5cc0085{text-align:center;}.elementor-401 .elementor-element.elementor-element-5cc0085 .elementor-heading-title{font-family:var( --e-global-typography-1193036-font-family ), Sans-serif;font-size:var( --e-global-typography-1193036-font-size );font-weight:var( --e-global-typography-1193036-font-weight );line-height:var( --e-global-typography-1193036-line-height );-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:var( --e-global-color-6d438db );stroke:var( --e-global-color-6d438db );}.elementor-widget-theme-post-content{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-401 .elementor-element.elementor-element-e2b8bde{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 50px 0px 50px;text-align:center;color:var( --e-global-color-6d438db );font-family:var( --e-global-typography-9c6f27a-font-family ), Sans-serif;font-size:var( --e-global-typography-9c6f27a-font-size );font-weight:var( --e-global-typography-9c6f27a-font-weight );line-height:var( --e-global-typography-9c6f27a-line-height );}@media(max-width:1024px){.elementor-401 .elementor-element.elementor-element-5cc0085 .elementor-heading-title{font-size:var( --e-global-typography-1193036-font-size );line-height:var( --e-global-typography-1193036-line-height );}.elementor-401 .elementor-element.elementor-element-e2b8bde.elementor-element{--align-self:center;}.elementor-401 .elementor-element.elementor-element-e2b8bde{font-size:var( --e-global-typography-9c6f27a-font-size );line-height:var( --e-global-typography-9c6f27a-line-height );}}@media(max-width:767px){.elementor-401 .elementor-element.elementor-element-5cc0085 .elementor-heading-title{font-size:var( --e-global-typography-1193036-font-size );line-height:var( --e-global-typography-1193036-line-height );}.elementor-401 .elementor-element.elementor-element-e2b8bde{font-size:var( --e-global-typography-9c6f27a-font-size );line-height:var( --e-global-typography-9c6f27a-line-height );}}/* Start custom CSS for container, class: .elementor-element-9583e96 *//* ==========================
   SIMPLE HOVER CARD (Elementor)
   Parent: .vcard
   Title widget: .vcard-title
   Info widget: .vcard-info
   ========================== */

.vcard{
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  min-height: 340px; /* optional kalau tak set dalam Elementor */
}

/* overlay gelap */
.vcard::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.35);
  z-index: 1;
  transition: background .25s ease;
}
.vcard:hover::before{
  background: rgba(0,0,0,.50);
}

/* Title & Info: jadikan overlay penuh card */
.vcard .vcard-title,
.vcard .vcard-info{
  position: absolute !important;
  inset: 0 !important;
  z-index: 2;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 30px !important;
  text-align: center !important;

  transition: opacity .25s ease, transform .25s ease;
  box-sizing: border-box;
}

/* Pastikan container Elementor tak buat pelik */
.vcard .vcard-title .elementor-widget-container,
.vcard .vcard-info  .elementor-widget-container{
  width: 100% !important;
  text-align: center !important;
}

/* Title style (optional tapi sedap) */
.vcard .vcard-title .elementor-heading-title{
  margin: 0 !important;
  line-height: 1.05 !important;
  font-size: clamp(18px, 2.2vw, 44px);
  text-wrap: balance;
  word-break: normal;
  overflow-wrap: normal;
}

/* Info style */
.vcard .vcard-info{
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
}
.vcard .vcard-info p{
  margin: 0 !important;
  font-size: clamp(14px, 1.1vw, 18px);
  line-height: 1.4;
  max-width: 520px;
  margin-inline: auto;
}

/* Default: title visible */
.vcard .vcard-title{
  opacity: 1;
  transform: translateY(0);
}

/* Hover: swap */
.vcard:hover .vcard-title{
  opacity: 0;
  transform: translateY(-10px);
}
.vcard:hover .vcard-info{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}/* End custom CSS */