/*========================================== SECTION ==========================================*/ .journey-section{ position:relative; padding:120px 0; overflow:visible; background:#fff; } /* Background Glow */ .journey-section::before{ content:""; position:absolute; width:500px; height:500px; background:radial-gradient(circle, rgba(212,175,55,.18) 0%, rgba(255,255,255,0) 70%); top:-150px; right:-120px; z-index:0; } .journey-section::after{ content:""; position:absolute; width:420px; height:420px; background:radial-gradient(circle, rgba(103,19,47,.08) 0%, rgba(255,255,255,0) 70%); left:-150px; bottom:-120px; } /* Container */ .journey-section .container{ position:relative; z-index:5; } /*========================================== LEFT PANEL ==========================================*/ .journey-left{ position:sticky; top:120px; padding-right:45px; } /* Heading */ .journey-title{ font-size: 58px; line-height: 1; font-weight: 500; color: #1b2235; } .journey-title span{ display:block; color:var(--journey-primary); } /* Description */ .journey-description{ font-size:18px; color:#666; max-width:420px; } /*========================================== RIGHT PANEL ==========================================*/ .journey-right{ position:relative; } /*========================================== TOP NAVIGATION ==========================================*/ .journey-top-nav{ position: sticky; top: 110px; z-index: 999; background: #fff; border-radius: 20px; box-shadow: 0 12px 35px rgba(0, 0, 0, .06); display: flex; align-items: center; justify-content: space-between; padding: 8px 6px; margin-bottom: 10px; } /* Navigation Item */ .journey-nav-item{ display:flex; align-items:center; gap:12px; text-decoration:none; color:#222; font-size:22px; font-weight:700; position:relative; transition:var(--journey-transition); } /* Divider */ .journey-nav-item:not(:last-child)::after{ content:""; position:absolute; right:-40px; top:50%; transform:translateY(-50%); width:1px; height:45px; background:#ececec; } /* Icon Circle */ .journey-nav-icon{ width:40px; height:40px; border-radius:50%; background:#fff; border:1px solid var(--journey-border); display:flex; align-items:center; justify-content:center; font-size:24px; color:var(--journey-primary); transition:var(--journey-transition); } /* Hover */ .journey-nav-item:hover{ color:var(--journey-primary); } .journey-nav-item:hover .journey-nav-icon{ background:var(--journey-primary); color:#fff; transform:translateY(-4px); } /* Active */ .journey-nav-item.active{ color:var(--journey-primary); } .journey-nav-item.active .journey-nav-icon{ background:var(--journey-primary); color:#fff; box-shadow: 0 10px 30px rgba(103,19,47,.20); } /*========================================== SCROLL WRAPPER ==========================================*/ .journey-scroll-wrapper{ position:relative; display: flex; flex-direction: column; gap: 30px; } /*========================================== TIMELINE CARD ==========================================*/ .journey-card{ position:relative; display:flex; align-items:center; gap:30px; padding:15px; background:#ffffff; border-radius:24px; border:1px solid #ececec; box-shadow:0 20px 45px rgba(0,0,0,.06); overflow:hidden; transition:all .45s ease; } /* Decorative Glow */ .journey-card::before{ content:""; position:absolute; width:220px; height:220px; right:-100px; top:-100px; border-radius:50%; background: radial-gradient(circle, rgba(212,175,55,.15), transparent 70%); transition:.5s; } .journey-card::after{ content:""; position:absolute; left:0; top:0; width:6px; height:100%; background:#67132f; transition:.35s; } /*========================================== CARD ICON ==========================================*/ .journey-card-icon{ width:100px; height:100px; min-width:100px; border-radius:50%; background:#FAF8F6; border:2px solid #D4AF37; display:flex; align-items:center; justify-content:center; position:relative; transition:.45s; } .journey-card-icon::before{ content:""; position:absolute; width:118px; height:118px; border-radius:50%; border:1px dashed rgba(212,175,55,.55); animation:rotateCircle 18s linear infinite; } .journey-card-icon i{ font-size:42px; color:#67132f; transition:.35s; } /*========================================== CARD CONTENT ==========================================*/ .journey-card-content{ flex:1; } .journey-card-content small{ display:inline-block; padding:8px 18px; border-radius:50px; background:#FAF8F6; color:#67132f; font-weight:700; font-size:14px; letter-spacing:1px; margin-bottom:18px; } .journey-card-content h3{ font-size: 28px; font-weight: 500; color:#222; transition:.35s; } .journey-card-content p{ font-size:18px; color:#666; line-height:1.9; margin:0; } /*========================================== TIMELINE CONNECTOR ==========================================*/ .journey-card:not(:last-child){ margin-bottom:20px; } .journey-card:not(:last-child)::marker{ display:none; } .journey-card:not(:last-child) .journey-card-icon::after{ content:""; position:absolute; left:50%; top:100%; transform:translateX(-50%); width:3px; height:90px; background: linear-gradient( to bottom, #D4AF37, rgba(212,175,55,.10) ); } /*========================================== HOVER EFFECTS ==========================================*/ .journey-card:hover{ transform:translateY(-12px); border-color:#D4AF37; box-shadow: 0 35px 65px rgba(103,19,47,.10); } .journey-card:hover::before{ transform:scale(1.4); opacity:.9; } .journey-card:hover::after{ width:8px; background:#D4AF37; } .journey-card:hover .journey-card-icon{ background:#67132f; transform:rotate(-8deg); box-shadow: 0 18px 40px rgba(103,19,47,.22); } .journey-card:hover .journey-card-icon i{ color:#ffffff; } .journey-card:hover .journey-card-content h3{ color:#67132f; } /*========================================== FLOATING ANIMATION ==========================================*/ .journey-card-icon{ animation:floatIcon 5s ease-in-out infinite; } .journey-card:nth-child(2) .journey-card-icon{ animation-delay:.8s; } .journey-card:nth-child(3) .journey-card-icon{ animation-delay:1.6s; } .journey-card:nth-child(4) .journey-card-icon{ animation-delay:2.4s; } /*========================================== KEYFRAMES ==========================================*/ @keyframes floatIcon{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } 100%{ transform:translateY(0); } } @keyframes rotateCircle{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } } /*========================================== SHINE EFFECT ==========================================*/ .journey-card{ isolation:isolate; } .journey-card .journey-card-icon{ overflow:hidden; } .journey-card .journey-card-icon span{ display:none; } .journey-card:hover .journey-card-icon::after{ content:""; position:absolute; left:-120%; top:0; width:60%; height:100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,.65), transparent ); animation:iconShine .8s linear; } @keyframes iconShine{ to{ left:170%; } } /*================================================== JOURNEY SECTION - PART 2C Responsive (Desktop • Tablet • Mobile) ==================================================*/ /*========================================== 1400px ==========================================*/ @media (max-width:1400px){ .journey-title{ font-size:62px; } .journey-description{ font-size:20px; } .journey-card{ padding:35px; } } /*========================================== 1200px ==========================================*/ @media (max-width:1199px){ .journey-section{ padding:90px 0; } .journey-left{ padding-right:20px; } .journey-title{ font-size:52px; } .journey-description{ font-size:18px; } .journey-card{ gap:20px; padding:30px; } .journey-card-icon{ width:85px; height:85px; min-width:85px; } .journey-card-icon i{ font-size:34px; } .journey-card-content h3{ font-size:28px; } .journey-top-nav{ padding:15px 20px; } } /*========================================== 991px ==========================================*/ @media (max-width:991px){ .journey-left{ position:relative; top:auto; text-align:center; margin-bottom:50px; padding-right:0; } .journey-badge{ margin:auto auto 25px; } .journey-line{ margin:25px auto; } .journey-description{ max-width:100%; } .journey-title span{ display:inline; } .journey-top-nav{ top:70px; overflow-x:auto; justify-content:flex-start; gap:20px; white-space:nowrap; scrollbar-width:none; -ms-overflow-style:none; } .journey-top-nav::-webkit-scrollbar{ display:none; } .journey-nav-item{ flex:0 0 auto; } .journey-nav-item::after{ display:none; } } /*========================================== 768px ==========================================*/ @media (max-width:767px){ .journey-section{ padding:70px 0; } .journey-title{ font-size:42px; line-height:1.2; } .journey-description{ font-size:16px; line-height:1.8; } .journey-badge{ width:75px; height:75px; font-size:32px; } .journey-top-nav{ border-radius:15px; padding:12px 15px; margin-bottom:40px; } .journey-nav-item{ font-size:16px; gap:10px; } .journey-nav-icon{ width:46px; height:46px; font-size:18px; } .journey-scroll-wrapper{ gap:10px; } .journey-card{ flex-direction:column; text-align:center; padding:28px 22px; } .journey-card::after{ width:100%; height:5px; left:0; top:0; } .journey-card-icon{ width:80px; height:80px; min-width:80px; } .journey-card-icon::before{ width:98px; height:98px; } .journey-card-icon::after{ display:none; } .journey-card-content small{ margin-top:10px; } .journey-card-content h3{ font-size:24px; } .journey-card-content p{ font-size:16px; } } /*========================================== 576px ==========================================*/ @media (max-width:575px){ .journey-section{ padding:60px 0; } .journey-title{ font-size:34px; } .journey-description{ font-size:15px; } .journey-top-nav{ top: 60px; gap: 4px; padding: 6px; } .journey-nav-icon{ width:42px; height:42px; font-size:16px; } .journey-nav-item{ font-size:14px; } .journey-card{ border-radius:18px; padding:22px 18px; } .journey-card-icon{ width:70px; height:70px; min-width:70px; } .journey-card-icon i{ font-size:28px; } .journey-card-content h3{ font-size:22px; } .journey-card-content p{ font-size:15px; line-height:1.7; } } /*========================================== 400px ==========================================*/ @media (max-width:400px){ .journey-title{ font-size:30px; } .journey-card{ padding:20px 15px; } .journey-nav-item{ font-size:13px; } .journey-nav-icon{ width:38px; height:38px; font-size:15px; } } /*================================================== JOURNEY SECTION - PART 2D Scroll Animation + Sticky Card Effect + Premium Effects ==================================================*/ /*========================================== CARD ENTRANCE ANIMATION ==========================================*/ .journey-card{ opacity:0; transform:translateY(80px) scale(.95); transition: opacity .8s ease, transform .8s ease, box-shadow .4s ease, border-color .4s ease; will-change:transform; } /* Visible State */ .journey-card.show{ opacity:1; transform:translateY(0) scale(1); } /*========================================== STICKY CARD EFFECT ==========================================*/ .journey-card{ position:sticky; top:220px; z-index:4; } /* Layer Cards */ .journey-card:nth-child(1){ z-index:4; } .journey-card:nth-child(2){ z-index:4; } .journey-card:nth-child(3){ z-index:4; } .journey-card:nth-child(4){ z-index:4; } /* Card Spacing */ .journey-card{ margin-bottom:180px; } /* Last Card */ .journey-card:last-child{ margin-bottom:0; } /*========================================== ACTIVE CARD ==========================================*/ .journey-card.active{ border-color:#D4AF37; box-shadow: 0 25px 60px rgba(103,19,47,.12); transform:translateY(0) scale(1.02); } .journey-card.active .journey-card-icon{ background:#67132f; color:#fff; } .journey-card.active .journey-card-icon i{ color:#fff; } .journey-card.active h3{ color:#67132f; } /*========================================== NAVIGATION ACTIVE ==========================================*/ .journey-nav-item{ transition:all .35s ease; } .journey-nav-item.active{ color:#67132f; } .journey-nav-item.active .journey-nav-icon{ background:#67132f; color:#fff; border-color:#67132f; transform:scale(1.08); } /*========================================== SCROLL INDICATOR ==========================================*/ .journey-scroll-wrapper{ position:relative; } .journey-scroll-wrapper::before{ content:""; position:absolute; left:48px; top:0; width:3px; height:100%; background: linear-gradient( to bottom, rgba(212,175,55,.4), rgba(212,175,55,.05) ); } /*========================================== CARD NUMBER BADGE ==========================================*/ .journey-card::after{ content:""; position:absolute; width:70px; height:70px; border-radius:50%; background: radial-gradient(circle, rgba(212,175,55,.12), transparent); top:-15px; right:-15px; } /*========================================== HOVER LIFT ==========================================*/ .journey-card:hover{ transform: translateY(-8px) scale(1.01); } /*========================================== ICON PULSE ==========================================*/ .journey-card:hover .journey-card-icon{ animation:journeyPulse 1s infinite; } @keyframes journeyPulse{ 0%{ transform:scale(1); } 50%{ transform:scale(1.08); } 100%{ transform:scale(1); } } /*========================================== FADE TEXT ==========================================*/ .journey-card-content h3{ transition:.35s; } .journey-card-content p{ transition:.35s; } .journey-card:hover h3{ color:#67132f; } .journey-card:hover p{ color:#444; } /*========================================== BACKGROUND GLOW ==========================================*/ .journey-card::before{ opacity:0; } .journey-card:hover::before{ opacity:1; } /*========================================== REDUCE MOTION SUPPORT ==========================================*/ @media (prefers-reduced-motion:reduce){ .journey-card, .journey-card-icon, .journey-nav-item{ transition:none !important; animation:none !important; } } /*========================================== TABLET ==========================================*/ @media(max-width:991px){ .journey-card{ position:relative; top:auto; margin-bottom:60px; } .journey-scroll-wrapper::before{ display:none; } } /*========================================== MOBILE ==========================================*/ @media(max-width:767px){ .journey-card{ margin-bottom:40px; transform:none; opacity:1; } }
Silvereye Certifications helps businesses stay compliant, competitive and confident in a rapidly evolving regulatory landscape.
Get Free ConsultationOur journey is built on trust, expertise and a relentless commitment to simplifying compliance for businesses across India and globally.
Silvereye Certifications was founded with a mission to provide comprehensive compliance solutions to businesses navigating the complex regulatory landscape in India and beyond. Starting with a small team of dedicated experts, SEYECS began its journey focusing on BIS-CRS registration and WPC-ETA approvals.
By 2020, SEYECS had established its reputation as a trusted compliance partner, serving clients not only in India but also internationally. The company started doing TEC-MTCTE and LMPC Certification which became crucial for businesses looking to enter and thrive in the Indian market.
In 2022, SEYECS embraced digital transformation by integrating advanced technologies into its operations. This shift enhanced the efficiency of its certification processes and improved client interactions, making compliance easier and more accessible.
2024 marked a proud milestone for Silvereye Certifications as we converted our 8-year-old proprietorship into a private limited company. This transition strengthens our foundation, enhances credibility, and empowers us to deliver greater value while supporting businesses with trust and reliability.
In 2026, Silvereye Certifications continued to uphold its legacy of trust in the field of regulatory approvals. By maintaining consistent quality and simplifying compliance journeys, we supported businesses in meeting mandatory requirements with confidence.
Our team of compliance experts is committed to providing the right solutions and support for your business growth.
We deliver end-to-end compliance solutions with transparency and expertise.
Speak directly with our compliance experts and get professional guidance for BIS, BEE, CDSCO, EPR, WPC, TEC/MTCTE, EMI/EMC Testing and other regulatory approvals.