.elementor-5156 .elementor-element.elementor-element-6c8c5f9{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}/* Start custom CSS for html, class: .elementor-element-20183b5 *//* ==== SEO Card — Flip, exact visuals ==== */
:root{
  --card-bg:#072f5f;          /* الأزرق الداكن */
  --check:#4ED19B;            /* لون علامة الصح */
  --accent:#4ED19B;           /* لون السعر */
  --radius:18px;
}
.seo-flip{perspective:1100px; width:520px; max-width:100%; margin:auto;}
.seo-flip .flip-inner{
  position:relative; width:100%; min-height:260px;
  transform-style:preserve-3d; transition:transform .7s ease;
}
.seo-flip:hover .flip-inner,
.seo-flip.is-active .flip-inner{ transform:rotateY(180deg); }

.seo-face{ position:absolute; inset:0; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.card{
  position:relative; height:100%;
  background:var(--card-bg); color:#fff;
  border-radius:18px; box-shadow:0 10px 28px rgba(0,0,0,.18);
  padding:72px 28px 28px;   /* مسافة للشارة */
}
.badge{
  position:absolute; left:50%; top:0; transform:translate(-50%,-50%);
  width:80px; height:80px; border-radius:50%; background:#fff;
  display:grid; place-items:center; box-shadow:0 8px 22px rgba(0,0,0,.2);
}
.badge img{ width:50px; height:auto; display:block; }

/* Front list */
.front{ transform:rotateY(0); z-index:2; }
.list{ list-style:none; margin:0; padding:0; }
.list li{
  display:flex; gap:12px; align-items:flex-start;
  font:500 16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  margin:0 0 14px;
}
.list li:last-child{ margin-bottom:0; }
.list li::before{
  content:"✓"; color:var(--check); font-weight:700; flex:0 0 auto; margin-top:2px;
}

/* Back pricing */
.back{ transform:rotateY(180deg); }
.h5{ font:700 28px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; text-align:center; margin:0 0 12px; }
.price{
  text-align:center; margin:0 0 8px;
  font:800 44px/1.05 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; color:var(--accent);
}
.per{ font:600 18px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; color:#cdeee0; }
.sub{ text-align:center; font:600 18px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; opacity:.95; }

/* Responsive */
@media (max-width:480px){
  .card{ padding:62px 20px 20px; }
  .badge{ width:56px; height:56px; }
  .badge img{ width:40px; }
  .list li{ font-size:15px; }
  .h5{ font-size:24px; } .price{ font-size:38px; } .per,.sub{ font-size:16px; }
}/* End custom CSS */