/* pushule_cta.css */
/* CTA wrapper */
.pushule-cta{ margin:1.6rem 0; }
.pushule-cta__frame{
  border:3px solid #ff6b6b;
  background:#fff5f5;
  border-radius:16px;
  overflow:hidden;
}
.pushule-cta__inner{ padding:1rem 1.1rem; }

/* Title SVG (only the Pushule title svg) */
.pushule-cta .pushule-title-svg{
  width:100%;
  max-width:700px;
  margin:0 auto .5rem;
  display:block;
}
.pushule-cta .service-title-text{
  font-size:clamp(3rem, 5vw, 3rem);
  font-weight:700;
}

/* Copy */
.pushule-cta__text{
  margin:0;
  font-size:1.25rem;
  line-height:1.75;
}

/* LP-like highlight for bold words inside CTA copy */
.pushule-cta__text b{
  font-weight:700;
  color:#0175d8;
  background:linear-gradient(to bottom, transparent 65%, yellow 50%);
  padding:0 .15em;
}

/* Button */
.pushule-cta__actions{
  display:flex;
  justify-content:center;
  gap:.7rem;
  flex-wrap:wrap;
  margin-top:1rem;
}
.pushule-cta__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:800;
  border-radius:999px;
  padding:.75rem 1.2rem;
  font-size:1rem;
  border:2px solid transparent;
}
.pushule-cta__btn--primary{ background:#ff6b6b; color:#fff; }
.pushule-cta__btn--primary:hover{ filter:brightness(.95); }

/* Scrolling phone icons (scoped to CTA only) */
.pushule-cta .scroll-row{
  overflow:hidden;
  width:100%;
  padding:8px 10px;
  background:#fff;
  border-top:1px solid rgba(0,0,0,.06);
  border-bottom:1px solid rgba(0,0,0,.06);
  line-height:0;
}
.pushule-cta .scroll-track{
  display:flex;
  gap:10px;
  width:max-content;
  animation:scroll-left 4s linear infinite;
  will-change:transform;
}
.pushule-cta .scroll-track.reverse{
  animation:scroll-right 4s linear infinite;
}

.pushule-cta .phone-icon{
  width:3rem;
  height:3rem;
  flex:0 0 auto;
  opacity:.7;
}

/* Main image */
.pushule-cta .main-image{
  width:100%;
  margin:0;
  padding:0;
  line-height:0;
}
.pushule-cta .main-image img{
  width:70%;
  height:auto;
  display:block;
  margin:0 auto; 
}

/* Animations */
@keyframes scroll-left{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}
@keyframes scroll-right{
  from{ transform:translateX(-50%); }
  to{ transform:translateX(0); }
}

/* Responsive */
@media (max-width:768px){
  .pushule-cta__inner{ padding:.9rem; }
  .pushule-cta__btn{ width:100%; }
}