CMIContent Marketing InstituteContent directory

InstantSearch

/* ================================ THEME: SERVICE DIRECTORY ================================ */ .sb-dir-scope { --primary: #FF4500; --text-dark: #1A1A1B; --text-gray: #555; --bg-light: #F9F9F9; --border: #EEEEEE; /* Platform Colors */ --c-ig: #E1306C; --c-tt: #000000; --c-yt: #FF0000; --c-fb: #1877F2; --c-tw: #1DA1F2; --c-li: #0077B5; --c-pi: #BD081C; --c-sp: #1DB954; --c-twi: #9146FF; --c-rd: #FF4500; --c-sc: #FF5500; --c-sn: #FFFC00; --c-th: #101010; font-family: 'Inter', sans-serif; width: 100%; box-sizing: border-box; background: #fff; padding: 40px 20px; } /* Reset */ .sb-dir-scope * { box-sizing: border-box; margin: 0; padding: 0; text-decoration: none; list-style: none; } .sb-dir-container { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } /* Platform Card */ .sb-platform-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; } .sb-platform-card:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-color: #ddd; } /* Card Header */ .sb-card-header { padding: 20px; background: #fcfcfc; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 12px; } .sb-card-header i { font-size: 24px; } .sb-card-header h3 { font-size: 18px; font-weight: 800; color: var(--text-dark); margin: 0; } /* Links List */ .sb-link-list { padding: 15px 20px; display: flex; flex-direction: column; gap: 8px; } .sb-link-list a { font-size: 13px; color: var(--text-gray); padding: 6px 0; border-bottom: 1px dashed #f0f0f0; transition: 0.2s; display: block; } .sb-link-list a:last-child { border-bottom: none; } .sb-link-list a:hover { color: var(--primary); padding-left: 5px; } /* Scrollable Container for very long lists */ .sb-scroll-area { max-height: 350px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #ddd #f9f9f9; } .sb-scroll-area::-webkit-scrollbar { width: 6px; } .sb-scroll-area::-webkit-scrollbar-track { background: #f9f9f9; } .sb-scroll-area::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 10px; } /* Specific Header Colors */ .h-ig i { color: var(--c-ig); } .h-ig { border-top: 4px solid var(--c-ig); } .h-tt i { color: var(--c-tt); } .h-tt { border-top: 4px solid var(--c-tt); } .h-yt i { color: var(--c-yt); } .h-yt { border-top: 4px solid var(--c-yt); } .h-fb i { color: var(--c-fb); } .h-fb { border-top: 4px solid var(--c-fb); } .h-tw i { color: var(--c-tw); } .h-tw { border-top: 4px solid var(--c-tw); } .h-li i { color: var(--c-li); } .h-li { border-top: 4px solid var(--c-li); } .h-pi i { color: var(--c-pi); } .h-pi { border-top: 4px solid var(--c-pi); } .h-sp i { color: var(--c-sp); } .h-sp { border-top: 4px solid var(--c-sp); } .h-twi i { color: var(--c-twi); } .h-twi { border-top: 4px solid var(--c-twi); } .h-rd i { color: var(--c-rd); } .h-rd { border-top: 4px solid var(--c-rd); } .h-sc i { color: var(--c-sc); } .h-sc { border-top: 4px solid var(--c-sc); } .h-sn i { color: #dbd800; text-shadow: 0 0 1px #999; } .h-sn { border-top: 4px solid var(--c-sn); } .h-th i { color: var(--c-th); } .h-th { border-top: 4px solid var(--c-th); } .h-of i { color: #00aff0; } .h-of { border-top: 4px solid #00aff0; } .h-vm i { color: #1ab7ea; } .h-vm { border-top: 4px solid #1ab7ea; } .h-tm i { color: #36465D; } .h-tm { border-top: 4px solid #36465D; } .h-qr i { color: #B92B27; } .h-qr { border-top: 4px solid #B92B27; } .h-gen i { color: #555; } .h-gen { border-top: 4px solid #555; } /* Responsive */ @media (max-width: 768px) { .sb-dir-container { grid-template-columns: 1fr; gap: 20px; } }

Instagram

Followers Post Likes Custom Comments Comment Rate Post Engagements Engagement Rate Reel Views Reel Likes Reel Shares Reel Saves Reel Impressions Reel Reach Story Views Story Link Clicks Story Impressions Story Reach Live Viewers Live Likes Live Comments Live Shares Live Replays DM Messages DM Replies DM Shares Post Saves Post Shares Profile Visits Explore Page Views Profile Impressions Profile Reach Profile Views Hashtag Reach Hashtag Impressions Discovery Views Carousel Swipes Post Impressions Post Views

TikTok

Followers Video Views Video Likes Video Comments Video Shares Video Saves Video Favorites Video Reach Video Impressions Live Viewers Live Likes Live Comments Live Shares Story Views Story Likes Story Replies Hashtag Views Profile Views Profile Visits Search Views FYP Views Total Engagement Engagement Rate

YouTube

Subscribers Video Views Video Likes Video Shares Video Saves Video Reach Shorts Views Shorts Likes Live Viewers Live Likes Live Comments Search Views Suggested Views Playlist Adds Engagement Rate Total Engagement

Facebook

Page Followers Page Likes Profile Followers Profile Friends Page Views Post Likes Post Reactions Post Shares Post Saves Post Views Post Impressions Post Engagements Post Reach Reel Views Reel Likes Reel Shares Reel Plays Video Views Video Likes Video Shares Group Members Group Post Likes Group Post Shares Live Viewers Live Likes Live Reactions Story Views Story Reactions

X (Twitter)

Followers Profile Visits Profile Views Likes Reposts Post Views Video Views Replies Video Replies Impressions Bookmarks Shares Quote Posts Hashtag Views Search Views Space Listeners Space Replays Video Reposts Video Likes Total Engagement Engagement Rate

LinkedIn

Followers Page Followers Connections Profile Views Page Views Post Likes Post Comments Post Shares Post Saves Post Reactions Post Impressions Post Clicks Post Reach Video Views Video Likes Video Comments Video Shares Article Views Article Likes Article Comments Article Shares Search Views Hashtag Reach Total Engagement Engagement Rate

Pinterest

Followers Board Followers Board Saves Profile Views Pin Views Pin Likes Pin Saves Pin Comments Pin Clicks Total Engagement

Spotify

Followers Playlist Followers Monthly Listeners Track Plays Album Plays Track Likes Playlist Likes Profile Visits Total Engagement

Twitch

Followers Live Viewers Peak Viewers Channel Views Stream Views Stream Likes Clip Views Clip Likes Chat Messages Chat Engagement Total Engagement

Snapchat

Followers Friends Story Views Story Screenshots Story Shares Story Replies Spotlight Views Spotlight Likes Spotlight Shares Video Views Video Reach Video Impressions Discover Views Profile Views Engagement Rate Total Engagement

Reddit

Upvotes Followers Subreddit Members Post Upvotes Post Downvotes Post Views Comments Shares Comment Upvotes Comment Replies Total Engagement

SoundCloud

Followers Track Plays Track Likes Track Comments Track Reposts Profile Views Playlist Plays Total Engagement

Threads

Followers Post Likes Post Shares Post Reposts Post Quotes Post Replies Post Impressions Post Reach Profile Views Profile Visits Video Views Video Likes Video Replies Search Views Hashtag Views Total Engagement Engagement Rate

Other Networks

Discord Server Members Discord Online Members Discord Server Boosts Discord Messages Discord Reactions Discord Voice Discord Engagement OnlyFans Followers OnlyFans Views OnlyFans Likes OnlyFans Comments OnlyFans Tips Vimeo Followers Vimeo Views Vimeo Likes Tumblr Followers Tumblr Likes Tumblr Reblogs Quora Followers Quora Answer Views Quora Upvotes Clubhouse Followers Douyin Followers Chingari Followers Bluesky Followers Bilibili Followers Baidu Tieba Followers VK Followers VK Likes /* ================================ THEME: CYBER INSTAGRAM GRID (WP/Elementor Safe Version) ================================ */ /* 1. ISOLATION & VARIABLES */ .smm-scope { /* Variables Scope */ --primary: #c13584; --primary-grad: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); --bg-glass: rgba(255, 255, 255, 0.95); --active-bg: #fdf2f8; --active-border: #db2777; --suggested-bg: #fff1f2; --text-main: #1c1e21; --text-sub: #65676b; /* Reset Theme Inheritance */ font-family: 'Inter', system-ui, -apple-system, sans-serif; line-height: 1.5; text-align: left; width: 100%; display: block; position: relative; z-index: 1; } /* 2. STRICT ELEMENT RESET Prevents theme styles from breaking the widget */ .smm-scope * { box-sizing: border-box; outline: none; margin: 0; padding: 0; } /* 3. CARD STYLES */ .smm-scope .smm-card { max-width: 600px; margin: 20px auto; padding: 35px; background: var(--bg-glass); border-radius: 24px; box-shadow: 0 20px 80px rgba(193, 53, 132, 0.15), 0 0 0 1px rgba(193, 53, 132, 0.1); position: relative; overflow: visible !important; /* Required for Badge */ z-index: 1; } /* Top Gradient Line */ .smm-scope .smm-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: var(--primary-grad); border-radius: 24px 24px 0 0; } /* Typography Overrides */ .smm-scope h2 { text-align: center; font-size: 28px !important; font-weight: 800 !important; margin: 0 0 8px 0 !important; color: var(--text-main) !important; letter-spacing: -0.5px; line-height: 1.2 !important; font-family: 'Inter', sans-serif !important; text-transform: none !important; /* Fix for some themes */ } .smm-scope .smm-sub { text-align: center; font-size: 14px !important; color: var(--text-sub) !important; margin-bottom: 25px !important; font-weight: 500; font-family: 'Inter', sans-serif !important; } .smm-scope label { font-weight: 700; font-size: 13px; color: #4b4c4f; text-transform: uppercase; margin-bottom: 8px; display: block; font-family: 'Inter', sans-serif !important; } /* Input Styling */ .smm-scope input { width: 100%; padding: 14px 16px; border-radius: 12px; border: 2px solid #e5e7eb !important; font-size: 16px !important; font-weight: 600; background: #f7f8fa !important; color: #1c1e21 !important; margin-bottom: 25px !important; transition: all 0.2s ease; height: auto !important; /* Fix for themes enforcing height */ line-height: normal !important; box-shadow: none !important; } .smm-scope input:focus { border-color: var(--primary) !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(193, 53, 132, 0.15) !important; } /* 4. PACKAGE GRID */ .smm-scope .pkg-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 25px; padding-top: 15px; margin-top: -15px; } @media (max-width: 480px) { .smm-scope .pkg-grid { grid-template-columns: repeat(2, 1fr); } } .smm-scope .pkg-card { border: 2px solid #e5e7eb; border-radius: 16px; padding: 16px 10px; text-align: center; cursor: pointer; transition: all 0.2s ease; background: #fff; position: relative; overflow: visible !important; z-index: 1; display: flex; /* Fix alignment */ flex-direction: column; align-items: center; justify-content: center; } .smm-scope .pkg-card:hover { transform: translateY(-3px); border-color: #fbcfe8; box-shadow: 0 10px 20px rgba(0,0,0,0.05); z-index: 10; } /* Active State */ .smm-scope .pkg-card.active { border-color: var(--active-border); background: var(--active-bg); box-shadow: 0 0 0 4px rgba(193, 53, 132, 0.1); z-index: 6; } .smm-scope .pkg-card.active .pkg-qty { color: #be185d; } .smm-scope .pkg-card.active .pkg-price { color: #be185d; } /* Suggested / Most Popular */ .smm-scope .pkg-card.suggested { border-color: #fbcfe8; background: var(--suggested-bg); z-index: 5; } .smm-scope .pkg-card.suggested::after { content: 'MOST POPULAR'; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: var(--primary-grad); color: #ffffff; font-size: 9px; font-weight: 800; padding: 3px 10px; border-radius: 20px; letter-spacing: 0.5px; z-index: 20; white-space: nowrap; width: max-content; box-shadow: 0 4px 10px rgba(193, 53, 132, 0.25); pointer-events: none; } .smm-scope .pkg-card.suggested.active { z-index: 7; border-color: var(--active-border); background: var(--active-bg); } .smm-scope .pkg-qty { font-size: 15px; font-weight: 800; color: #4b4c4f; margin-bottom: 4px; line-height: 1.2 !important; } .smm-scope .pkg-sub { font-size: 11px; font-weight: 600; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.2 !important; } .smm-scope .pkg-price { font-size: 17px; font-weight: 900; color: #1c1e21; margin-top: 8px; line-height: 1.2 !important; } /* 5. FOOTER & BUTTON */ .smm-scope .smm-main-btn { width: 100%; padding: 18px; border-radius: 14px; border: none !important; font-size: 18px !important; font-weight: 800 !important; color: #ffffff !important; cursor: pointer; background: var(--primary-grad) !important; box-shadow: 0 10px 25px rgba(193, 53, 132, 0.25); transition: all 0.3s ease; margin: 0 !important; text-transform: none !important; line-height: normal !important; } .smm-scope .smm-main-btn:hover { transform: translateY(-2px); box-shadow: 0 15px 35px rgba(193, 53, 132, 0.35); } .smm-scope .smm-main-btn:disabled { background: #cbd5e1 !important; transform: none; box-shadow: none; cursor: not-allowed; color: #94a3b8 !important; } .smm-scope .error-msg { color: #dc2626; font-size: 13px; font-weight: 700; text-align: center; margin-top: 15px; display: none; background: #fee2e2; padding: 10px; border-radius: 8px; } .smm-scope .seo-tag { text-align:center; margin-top:15px; font-size:11px; color:#94a3b8; letter-spacing:0.5px; }

Buy Instagram Followers

Real • Instant • Non-Drop Secure Checkout • No Password Required