/* Free-webinar WhatsApp group CTA - shared by drmahboobahmad.com and drmahboobahmad.net */
@font-face{font-family:"WaCtaNastaliq";src:url("noto-nastaliq-urdu-cta.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

.wa-cta{box-sizing:border-box;display:block;width:100%;margin:0;padding:20px 16px;direction:rtl;text-align:center;
  font-family:"WaCtaNastaliq","Noto Nastaliq Urdu","Jameel Noori Nastaleeq","Noto Naskh Arabic","Segoe UI",Tahoma,system-ui,sans-serif;
  font-weight:700;-webkit-text-size-adjust:100%;container-type:inline-size}
.wa-cta *,.wa-cta *::before,.wa-cta *::after{box-sizing:border-box}
.wa-cta.wa-cta--inline{padding:8px 0;margin:28px 0}

.wa-cta .wa-cta__card{position:relative;overflow:hidden;max-width:1120px;margin:0 auto;padding:28px 20px 26px;border-radius:28px;color:#fff;
  background:radial-gradient(120% 90% at 0% 0%,rgba(37,211,102,.55) 0%,rgba(37,211,102,0) 55%),linear-gradient(135deg,#0a7a55 0%,#075e54 55%,#04362f 100%);
  box-shadow:0 18px 40px -18px rgba(4,54,47,.65),0 2px 6px rgba(4,54,47,.25),inset 0 1px 0 rgba(255,255,255,.18)}
.wa-cta .wa-cta__card::before{content:"";position:absolute;left:-60px;bottom:-80px;width:230px;height:230px;border-radius:50%;border:34px solid rgba(255,255,255,.06);pointer-events:none}
.wa-cta .wa-cta__card::after{content:"";position:absolute;right:-50px;top:-70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,0) 65%);pointer-events:none}
.wa-cta .wa-cta__mark{position:absolute;left:10px;bottom:-26px;width:150px;height:150px;color:#fff;opacity:.07;pointer-events:none}
.wa-cta .wa-cta__body,.wa-cta .wa-cta__action{position:relative;z-index:1}

.wa-cta .wa-cta__badge{display:inline-flex;align-items:center;gap:8px;margin:0;padding:2px 16px 6px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);
  font-size:16px;line-height:1.95;color:#eafff3}
.wa-cta .wa-cta__dot{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:#25d366;box-shadow:0 0 0 0 rgba(37,211,102,.75)}
.wa-cta .wa-cta__title{margin:12px 0 4px;padding:0;font-size:clamp(25px,6.8vw,33px);line-height:2.05;color:#fff;text-wrap:balance}
.wa-cta .wa-cta__sub{margin:0 0 22px;padding:0;font-size:clamp(15px,4.2vw,18px);line-height:2;color:rgba(255,255,255,.88)}

.wa-cta .wa-cta__action{display:flex;flex-direction:column;align-items:stretch;gap:2px}
.wa-cta a.wa-cta__btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:64px;margin:0;padding:6px 14px 12px 22px;
  border-radius:999px;background:#fff;color:#04483f;font:inherit;font-size:21px;line-height:1.8;text-decoration:none;
  box-shadow:0 12px 26px -10px rgba(0,0,0,.5),0 0 0 4px rgba(255,255,255,.2);-webkit-tap-highlight-color:transparent;transition:transform .18s ease,box-shadow .18s ease}
.wa-cta a.wa-cta__btn:hover{transform:translateY(-2px);color:#04483f;text-decoration:none;box-shadow:0 16px 30px -10px rgba(0,0,0,.55),0 0 0 5px rgba(255,255,255,.28)}
.wa-cta a.wa-cta__btn:active{transform:scale(.98)}
.wa-cta a.wa-cta__btn:focus-visible{outline:3px solid #ffd54a;outline-offset:3px}
.wa-cta .wa-cta__ico{flex:none;width:40px;height:40px;padding:8px;border-radius:50%;background:#25d366;color:#fff;margin-top:6px;box-shadow:0 6px 14px -4px rgba(37,211,102,.7)}
.wa-cta .wa-cta__arrow{flex:none;width:22px;height:22px;margin-top:6px;transition:transform .18s ease}
.wa-cta a.wa-cta__btn:hover .wa-cta__arrow{transform:translateX(-4px)}

@container (min-width:720px){
  .wa-cta .wa-cta__card{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:38px 48px;text-align:right}
  .wa-cta .wa-cta__body{flex:1 1 auto;min-width:0}
  .wa-cta .wa-cta__action{flex:0 0 330px}
  .wa-cta .wa-cta__title{font-size:clamp(30px,3.4cqw,40px)}
  .wa-cta .wa-cta__sub{margin-bottom:0;font-size:19px}
  .wa-cta .wa-cta__mark{width:220px;height:220px;left:20px;bottom:-40px}
}
@container (min-width:720px) and (max-width:860px){
  .wa-cta .wa-cta__action{flex-basis:290px}
}

@media (prefers-reduced-motion:no-preference){
  .wa-cta .wa-cta__card{animation:wa-cta-in .55s cubic-bezier(.16,1,.3,1) both}
  .wa-cta .wa-cta__dot{animation:wa-cta-dot 1.9s ease-out infinite}
  .wa-cta a.wa-cta__btn::after{content:"";position:absolute;top:0;bottom:0;width:60%;left:0;background:linear-gradient(110deg,transparent 20%,rgba(37,211,102,.30) 50%,transparent 80%);transform:translateX(220%);animation:wa-cta-shine 3.6s ease-in-out 1s infinite;pointer-events:none}
}
@keyframes wa-cta-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes wa-cta-dot{0%{box-shadow:0 0 0 0 rgba(37,211,102,.75)}70%,100%{box-shadow:0 0 0 10px rgba(37,211,102,0)}}
@keyframes wa-cta-shine{0%,55%{transform:translateX(220%)}100%{transform:translateX(-220%)}}