/* ========================================================= ABOUT MODAL — ELITE PRO 2026 Compatible with Universal Modal JS ========================================================= */ /* MODAL BOX */ .modern-box{ position:relative; overflow:hidden; width:min(950px,96vw); max-height:92vh; padding:0; background: linear-gradient( 180deg, #0f172a 0%, #111827 100% ); border:1px solid rgba(255,255,255,.08); border-radius:24px; box-shadow: 0 30px 100px rgba(0,0,0,.55); } /* ========================================================= CLOSE BUTTON ========================================================= */ .close-policy{ position:absolute; top:16px; right:16px; width:42px; height:42px; border:none; border-radius:50%; cursor:pointer; z-index:50; color:#fff; font-size:18px; font-weight:700; background: rgba(255,255,255,.08); backdrop-filter:blur(10px); transition:.3s; } .close-policy:hover{ background:#ef4444; transform:rotate(90deg); } /* ========================================================= HERO ========================================================= */ .about-hero{ position:relative; height:280px; overflow:hidden; } .about-hero img{ width:100%; height:100%; object-fit:cover; transform:scale(1.08); animation:heroZoom 12s ease infinite alternate; } .about-hero .overlay{ position:absolute; inset:0; background: linear-gradient( to bottom, rgba(0,0,0,.05), rgba(0,0,0,.82) ); } .about-hero h2{ position:absolute; left:24px; bottom:24px; z-index:3; color:#fff; font-size:34px; font-weight:800; letter-spacing:.4px; } /* ========================================================= CONTENT ========================================================= */ .about-content{ max-height:calc(92vh - 280px); overflow-y:auto; padding:24px; } .about-content p{ color:#cbd5e1; font-size:15px; line-height:1.9; } .about-content h3{ color:#fff; font-size:22px; font-weight:700; } /* ========================================================= SCROLLBAR ========================================================= */ .about-content::-webkit-scrollbar{ width:6px; } .about-content::-webkit-scrollbar-track{ background:transparent; } .about-content::-webkit-scrollbar-thumb{ background:#38bdf8; border-radius:999px; } /* ========================================================= NAVIGATION CHIPS ========================================================= */ .about-nav{ display:flex; flex-wrap:wrap; gap:10px; margin:24px 0; padding-bottom:10px; } .about-nav-btn{ border:none; cursor:pointer; padding:10px 16px; border-radius:999px; font-size:13px; font-weight:700; color:#e2e8f0; background: rgba(255,255,255,.06); transition:.3s; } .about-nav-btn:hover{ background:#38bdf8; color:#08111f; transform:translateY(-2px); } /* ========================================================= GRID ========================================================= */ .about-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:16px; margin-top:20px; } /* ========================================================= CARDS ========================================================= */ .about-card{ padding:18px; border-radius:18px; text-align:center; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); transition:.3s; } .about-card:hover{ transform: translateY(-6px); border-color: rgba(56,189,248,.4); box-shadow: 0 20px 40px rgba(0,0,0,.35); } .about-card i{ display:block; font-size:28px; margin-bottom:10px; } .about-card h3{ margin:0; color:#38bdf8; font-size:32px; font-weight:800; } .about-card p{ margin-top:8px; } /* ========================================================= COUNTER ========================================================= */ .counter{ color:#38bdf8 !important; font-size:34px !important; font-weight:800 !important; } /* ========================================================= TIMELINE ========================================================= */ .timeline{ position:relative; margin-top:30px; padding-left:35px; } .timeline::before{ content:""; position:absolute; left:7px; top:0; width:3px; height:100%; border-radius:999px; background: rgba(56,189,248,.12); } .timeline-progress{ position:absolute; left:7px; top:0; width:3px; height:0; border-radius:999px; background: linear-gradient( to bottom, #38bdf8, #06b6d4 ); } .timeline-item{ position:relative; margin-bottom:28px; } .timeline-item::before{ content:""; position:absolute; left:-34px; top:4px; width:14px; height:14px; border-radius:50%; background:#38bdf8; box-shadow: 0 0 0 5px rgba(56,189,248,.12); } .year{ display:block; color:#38bdf8; font-size:15px; font-weight:800; margin-bottom:6px; } /* ========================================================= REVEAL ANIMATION ========================================================= */ /* ========================================================= TEAM SECTION ========================================================= */ .about-card strong{ color:#fff; } /* ========================================================= HERO ANIMATION ========================================================= */ @keyframes heroZoom{ from{ transform:scale(1.08); } to{ transform:scale(1.16); } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:768px){ .modern-box{ width:100%; max-height:100vh; border-radius:20px; } .about-hero{ height:210px; } .about-hero h2{ font-size:26px; } .about-content{ max-height:calc(100vh - 210px); padding:18px; } .about-grid{ grid-template-columns:1fr; } .about-card h3{ font-size:28px; } .counter{ font-size:30px !important; } .about-nav{ gap:8px; } .about-nav-btn{ flex:1; text-align:center; } } /* ========================================================= LARGE DESKTOP ========================================================= */ @media(min-width:1200px){ .modern-box{ max-width:1050px; } } .modal{ position:fixed; inset:0; display:none; background:rgba(0,0,0,.7); z-index:999999 !important; align-items:flex-start; padding-top:40px; } .modern-box{ z-index:999999 !important; position:relative; } .close-policy{ z-index:9999999 !important; } .timeline-progress{ transition:height .3s linear; } .counter{ font-size:34px; font-weight:800; color:#38bdf8; display:block; }
WAITECH SOLUTION
Loading Contents Experience...
Latest News View All →
PUBLISH YOUR KNOWLEDGE


We’re always looking for experienced freelance technology writers who share our passion for creating content that leaves readers feeling educated, empowered, and understood. Interested ?

🚀 WaiTech Guest Posting • SEO Growth • Authority • Global Reach

Topics 10

SEO
AI
Blog
Tech
Web
Marketing
Programming
Business
Design
Growth

Benefits

Backlinks
Authority
Audience
Growth

Accepted vs Rejected

  • Original Content
  • Case Studies
  • Tutorials
  • Spam Content
  • Copied Work
  • Low Quality


Want to publish your article?
Please visit our Contact Section on this site.
We respond within 24–72 hours.

Frequently Asked Questions

Is submission free?

Yes, submission is completely free.

How long does review take?

Reviews normally take between 24–72 hours.

Do you provide backlinks?

Yes, approved submissions may include backlinks.

⚠️ Stay Ahead in Technology & Innovation. ✨ Stay tuned for new , features & Web • Apps • Tech Trends.
✕ 🏠 Feed 📰 Updates ⚡ Tools 💬 Support
Disclaimer CopyRight

Labels

👉 What’s New Today in Tech & Android

{getBlock} $results={7} $label={Android} $type={block2}

⚡ LEARN THIS ABOUT & MICROSOFT WORD

{getBlock} $results={6} $label={MS Word} $type={col-right}

📊 Today Mostly & Computer Trending

{getBlock} $results={6} $label={Computer} $type={grid2}

🌍 Knowledge, Trends & Stories

{getBlock} $results={4} $label={Knowledge} $type={col-left}

🔥 Ideas, Technology & Social Media Today

{getBlock} $results={4} $label={Social Media} $type={col-right}
WaiTech Solution

LIKE OUR FACEBOOK PAGE

Home Top Ad

WARNING

Post Top Ad

Post Page Advertisement [Top]

READ MORE »

View all
Load More That is All

TRENDING

{getBlock} $results={4} $label={recent} $type={videos}

Technology

{getBlock} $results={6} $label={recent} $type={grid1}