/* Prime Ad Solutions - icons & images add-on. Load AFTER the main <style> block. */

/* Icons */
.ico{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ico-box{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;color:var(--cyan);background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.25);transition:all .3s ease}
.ico-box .ico{width:26px;height:26px}
.service-card:hover .ico-box,
.why-card:hover .ico-box{background:var(--cyan);color:#001018;box-shadow:0 0 24px rgba(0,229,255,.35)}

/* Services: icon left, number right */
.service-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}
.service-top .service-num{margin:0}

/* Why cards */
.why-card .ico-box{margin-bottom:20px}

/* Buttons */
.btn .ico{width:20px;height:20px}

/* Industries */
.industries-grid span{display:flex;flex-direction:column;align-items:center;gap:12px}
.industries-grid .ico{width:30px;height:30px;color:var(--cyan)}

/* Contact details */
.contact-info li b{display:flex;align-items:center;gap:10px}
.contact-info li b .ico{width:18px;height:18px}

/* Hero photo (matches the card below it) */
.hero-visual>img{width:100%;max-height:340px;object-fit:cover;border-radius:16px;border:1px solid var(--line)}

/* About photo */
.about-photo{position:relative;margin:28px 0 0;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.about-photo img{width:100%;aspect-ratio:16/9;object-fit:cover}
.about-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:32px 18px 14px;font-size:.92rem;font-weight:600;color:var(--white);background:linear-gradient(transparent,rgba(0,0,0,.85))}

/* CTA band with photo behind a dark overlay */
.cta-band{background:linear-gradient(135deg,rgba(0,26,34,.92),rgba(0,51,68,.82)),url(images/14.jpeg) center/cover,#001a22}