/* ===================================================== Internet & Phone Page - Inline Styles Extracted from: internet-and-phone.php Load via: in that page's only ===================================================== */ @keyframes iwpOrb1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(45px,-35px) scale(1.18);}} @keyframes iwpOrb2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-35px,45px) scale(1.12);}} @keyframes iwpOrb3{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(25px,20px) scale(1.09);}} @keyframes iwpPulse{0%,100%{box-shadow:0 0 0 0 rgba(5,65,98,.4);}70%{box-shadow:0 0 0 12px rgba(5,65,98,0);}} @keyframes iwpFadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}} .iwp-hero-orb{position:absolute;border-radius:50%;filter:blur(85px);pointer-events:none;} .iwp-stats-float{position:absolute;right:5%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:5;} .iwp-stat-card{background:rgba(255,255,255,.07);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 20px;min-width:168px;animation:iwpFadeUp .6s ease both;} .iwp-stat-num{font-family:var(--fh);font-size:1.65rem;font-weight:900;color:#fff;line-height:1;} .iwp-stat-lbl{font-size:.72rem;color:rgba(255,255,255,.5);font-weight:600;margin-top:3px;text-transform:uppercase;letter-spacing:.5px;} @media(max-width:991px){.iwp-stats-float{display:none;}} .iwp-card-wrap{background:#fff;border-radius:20px;padding:1.6rem 1.75rem;display:flex;align-items:flex-start;gap:1.1rem;box-shadow:0 4px 24px rgba(0,0,0,.07);border:1.5px solid #f1f5f9;transition:all .3s;position:relative;overflow:hidden;} .iwp-card-wrap::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;border-radius:3px 0 0 3px;transition:opacity .3s;} .iwp-card-internet::before{background:linear-gradient(180deg,#054162,#38bdf8);} .iwp-card-wireless::before{background:linear-gradient(180deg,#0899e6,#38bdf8);} .iwp-card-phone::before{background:linear-gradient(180deg,#0899e6,#7dd3fc);} .iwp-card-wrap:hover{transform:translateX(6px);box-shadow:0 12px 40px rgba(0,0,0,.12);} .iwp-card-internet:hover{border-color:rgba(5,65,98,.25);} .iwp-card-wireless:hover{border-color:rgba(8,153,230,.25);} .iwp-card-phone:hover{border-color:rgba(125,211,252,.25);} .iwp-icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .iwp-chip{font-size:.7rem;font-weight:700;border-radius:999px;padding:3px 11px;border:1px solid;display:inline-block;margin:.2rem .15rem 0 0;} .isc-card{ background:#fff;border-radius:20px;overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,.06); border:1.5px solid #e8f0fe; display:flex;flex-direction:column; transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease; text-decoration:none;color:inherit; } .isc-card:hover{ transform:translateY(-6px); box-shadow:0 16px 40px rgba(8,153,230,.14); border-color:rgba(8,153,230,.35); } .isc-img-wrap{ width:100%;height:195px;overflow:hidden;position:relative;flex-shrink:0; } .isc-img-wrap img{ width:100%;height:100%;object-fit:cover; transition:transform .5s ease; display:block; } .isc-card:hover .isc-img-wrap img{ transform:scale(1.06); } .isc-img-wrap::after{ content:'';position:absolute;inset:0; background:linear-gradient(180deg,transparent 55%,rgba(5,20,50,.28) 100%); pointer-events:none; } .isc-body{ padding:1.5rem;display:flex;flex-direction:column;flex:1; } .isc-chip{ display:inline-flex;align-items:center; background:#f0f9ff;border:1px solid #bae6fd; color:#0369a1;font-size:.7rem;font-weight:800; text-transform:uppercase;letter-spacing:.6px; border-radius:999px;padding:3px 12px; margin-bottom:.9rem;align-self:flex-start; } .isc-h4{ font-family:var(--fh);font-size:1.15rem;font-weight:900; color:#0f172a;margin:0 0 .55rem;line-height:1.3; } .isc-p{ font-size:.9rem;color:#475569;line-height:1.7; flex:1;margin:0 0 1.25rem; } .isc-btn{ display:inline-flex;align-items:center;gap:7px; color:#fff;background:linear-gradient(135deg,#054162,#0899e6); font-size:.85rem;font-weight:700; border-radius:10px;padding:9px 18px; text-decoration:none;align-self:flex-start; transition:box-shadow .25s ease,transform .2s ease; box-shadow:0 4px 14px rgba(8,153,230,.25); } .isc-card:hover .isc-btn{ box-shadow:0 8px 22px rgba(8,153,230,.4); transform:translateX(3px); } @media(max-width:991px){ .isc-g3{ grid-template-columns:repeat(2,1fr)!important; } } @media(max-width:600px){ .isc-g3,.isc-g2{ grid-template-columns:1fr!important;max-width:100%!important; } } .trust-section-img-wrap { position:relative;border-radius:24px;overflow:hidden; box-shadow:0 25px 60px rgba(5,65,98,.18); height:100%;min-height:460px; } .trust-section-img-wrap img { width:100%;height:100%;object-fit:cover;display:block; } .trust-rating-badge { position:absolute;bottom:28px;left:50%;transform:translateX(-50%); background:#fff;border-radius:16px;padding:14px 24px; box-shadow:0 10px 35px rgba(5,65,98,.22); display:flex;align-items:center;gap:12px;white-space:nowrap; border:1px solid rgba(5,65,98,.08); animation:badgePop .5s cubic-bezier(.34,1.56,.64,1) .3s both; } @keyframes badgePop{ from{opacity:0;transform:translateX(-50%) translateY(20px)} to{opacity:1;transform:translateX(-50%) translateY(0)} } .trust-stat-card { background:#fff;border-radius:16px;padding:1.35rem 1rem;text-align:center; box-shadow:0 6px 20px rgba(5,65,98,.08);border:1px solid rgba(5,65,98,.07); transition:transform .25s ease,box-shadow .25s ease; } .trust-stat-card:hover { transform:translateY(-3px);box-shadow:0 12px 30px rgba(5,65,98,.14); } .trust-badge-pill { background:#fff;border:1px solid #bae6fd;color:#054162; border-radius:999px;padding:7px 15px;font-size:.8rem;font-weight:700; display:inline-flex;align-items:center;gap:6px; box-shadow:0 2px 10px rgba(5,65,98,.07); transition:all .2s ease; } .trust-badge-pill:hover { background:#f0f9ff;border-color:#7dd3fc;transform:translateY(-1px); } .trust-testimonial { background:#fff;border-left:4px solid #0899e6; border-radius:0 16px 16px 0;padding:1.35rem 1.6rem; box-shadow:0 5px 20px rgba(5,65,98,.06); transition:box-shadow .25s ease,transform .25s ease; } .trust-testimonial:hover { box-shadow:0 10px 30px rgba(5,65,98,.12);transform:translateX(4px); } @media(max-width:991px){ .trust-section-img-wrap { min-height:300px;margin-bottom:2.5rem; } .trust-rating-badge { font-size:.82rem;padding:11px 18px; } }