* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        body {
            background-color: #121212;
            color: #FFFFFF;
            overflow-x: hidden;
        }

        /* --- NAVIGATION BAR --- */
        header {
            width: 100%;
            display: flex;
            justify-content: center;
            position: relative;
        }

        nav {
            position: fixed;
            top: 15px;
            width: 95%;
            height: 70px;
            background: #0A0A0A;
            backdrop-filter: blur(15px);
            border-radius: 50px;
            z-index: 1000;
            padding: 0 30px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border: 1px solid rgba(255, 215, 0, 0.3);
            /* Yellow Border */
        }

        /* --- RESPONSIVE LOGO --- */
        .logo-box {
            perspective: 1000px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
        }

        .flip-logo {
            font-weight: 800;
            color: #FFFFFF;
            /* Yellow */
            animation: flipRight 4s infinite linear;
            backface-visibility: hidden;
            display: inline-block;
            text-transform: uppercase;
            font-size: 28px;
        }

        @keyframes flipRight {
            0% {
                transform: rotateY(0deg);
            }

            100% {
                transform: rotateY(360deg);
            }
        }

        /* --- 1-BY-1 STEP TICKER --- */
        .ticker-container {
            flex-grow: 1;
            height: 35px;
            overflow: hidden;
            margin-left: 20px;
            border-left: 2px solid #FFD700;
            padding-left: 15px;
            max-width: 250px;
        }

        /* @media (max-width: 480px) {
            .ticker-container {
                height: 25px;
            }
        } */

        .ticker-wrapper {
            display: flex;
            flex-direction: column;
            /* 20 items * 35px = 700px. Steps(20) makes it move item by item */
            animation: stepTicker 40s steps(20) infinite;
        }

        .ticker-item {
            height: 35px;
            line-height: 35px;
            color: #FFFFFF;
            font-size: 18px;
            font-weight: 600;
            white-space: nowrap;
        }

        @media (max-width: 480px) {
            .ticker-item {
                font-size: 10px;
                margin-left: -10px;

            }
        }


        @keyframes stepTicker {
            0% {
                transform: translateY(0);
            }

            100% {
                transform: translateY(-700px);
            }
        }

        /* --- NAV LINKS & ACTIVE STATE --- */
        .nav-links {
            display: flex;
            list-style: none;
            gap: 15px;
            align-items: center;
        }

        .nav-links li a {
            color: #BBBBBB;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            transition: 0.3s;
            padding: 10px 0;
            position: relative;
        }

        .nav-links li a:hover,
        .nav-links li a.active {
            color: #FFD700;
        }

        .nav-links li a.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: #FFD700;
        }




        /* --- FULL WIDTH MEGA DROPDOWN --- */
        .has-dropdown {
            position: static;
            /* यह सुनिश्चित करता है कि माउस नीचे ले जाते समय गैप न रहे */
            padding-bottom: 10px;
            margin-bottom: -10px;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            /* top को 100% ही रहने दें, लेकिन z-index बढ़ा दें */
            top: 100%;
            left: 0;
            width: 100%;
            background: #FFFFFF;
            padding: 40px 10%;
            border-radius: 0 0 30px 30px;
            grid-template-columns: repeat(5, 1fr);
            gap: 30px;
            border-top: 2px solid #FFD700;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8);
            z-index: 9999;
            /* ताकि यह सबसे ऊपर दिखे */
        }

        /* --- यहा है असली समाधान (Invisible Bridge) --- */
        /* यह माउस को लिंक से ड्रॉपडाउन तक जाने के लिए एक रास्ता देता है */
        .has-dropdown:hover .dropdown-content {
            display: grid;
        }

        /* अगर नेव और ड्रॉपडाउन में गैप है, तो इसे जोड़ें */
        .dropdown-content::before {
            content: "";
            position: absolute;
            top: -15px;
            /* ऊपर की तरफ 15px का अदृश्य एरिया */
            left: 0;
            width: 100%;
            height: 15px;
        }

        .mega-column h3 {
            color: #000000;
            font-size: 16px;
            margin-bottom: 15px;
            border-bottom: 1px solid #333;
            padding-bottom: 8px;
        }

        .mega-column ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .mega-column ul li a {
            font-size: 13px;
            color: #000000;
            /* display: block; */
            padding: 8px 0;
            /* क्लिक करने में आसानी के लिए पैडिंग बढ़ाई */
            transition: all 0.3s ease;
            /* स्मूथ इफ़ेक्ट के लिए */
        }

        .mega-column ul li a:hover {
            color: #000000;
            padding-left: 10px;
        }





        /* --- SHOP NOW BUTTON --- */
        .shop-now-btn {
            background: #FFD700;
            color: #000000;
            padding: 10px 25px;
            border-radius: 30px;
            border: none;
            font-weight: 800;
            cursor: pointer;
            text-transform: uppercase;
            font-size: 12px;
            transition: 0.3s;
        }

        .shop-now-btn:hover {
            background: #FFFFFF;
            transform: scale(1.05);
        }

        .hamburger {
            display: none;
            font-size: 24px;
            color: #FFD700;
            cursor: pointer;
            margin-left: 40px;
        }

        /* --- RESPONSIVE LOGO & LAYOUT --- */
        @media (max-width: 1024px) {
            .flip-logo {
                font-size: 22px;
            }

            .ticker-container {
                max-width: 150px;
            }

            .hamburger {
                display: block;
            }

            .nav-links {
                display: none;
                flex-direction: column;
                position: absolute;
                top: 75px;
                left: 0;
                width: 100%;
                background: #0A0A0A;
                padding: 20px;
                border-radius: 20px;
                max-height: 80vh;
                overflow-y: auto;
                /* Scroll enabled inside menu */
                border: 1px solid rgba(255, 215, 0, 0.2);
            }

            .nav-links.active {
                display: flex;
            }

            .dropdown-content {
                position: static;
                grid-template-columns: 1fr;
                padding: 20px;
                display: none;
                background: #FFFFFF;
            }

            .has-dropdown.open .dropdown-content {
                display: block;
            }
        }

        @media (max-width: 480px) {
            .flip-logo {
                font-size: 18px;
            }

            .ticker-container {
                max-width: 110px;
                margin-left: 10px;
            }
        }




        /* --- SIDE SOCIAL BAR --- */
        .side-social {
            position: fixed;
            left: 0;
            top: 40%;
            z-index: 999;
            display: flex;
            flex-direction: column;
        }

        .side-social a {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-decoration: none;
        }

        /* Social Platform Colors */
        .fb {
            background: #3b5998;
        }

        .ig {
            background: #e4405f;
        }

        .li {
            background: #0077b5;
        }

        .tw {
            background: #000;
        }

        /* --- OTHER SOCIAL LINKS (Footer or Header) --- */
        .social-links {
            display: flex;
            gap: 5px;
            align-items: center;
        }

        .social-links a {
            border: 1px solid #444;
            border-radius: 50%;
            width: 25px;
            height: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-decoration: none;
            font-size: 10px;
        }

        .social-links a:hover {
            background-color: #ffffff;
            color: #000000;
        }





        /* ============================================================
   CAROUSEL MAIN STYLES
   ============================================================ */

        .carousel-container {
            position: relative;
            height: 100vh;
            width: 100%;
            overflow: hidden;
            background-color: #000;
            /* Loading ke waqt black dikhega */
        }

        .carousel-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            opacity: 0;
            transition: opacity 1s ease-in-out;
            display: flex;
            align-items: center;
            /* Vertical centering */
            padding: 0 10%;
            /* Left-right se gap */
            box-sizing: border-box;
        }

        /* Jab slide active hogi tab dikhegi */
        .carousel-slide.active {
            opacity: 1;
            z-index: 2;
        }

        /* ============================================================
   HERO CONTENT (TEXT & BUTTONS)
   ============================================================ */

        .hero-content {
            max-width: 800px;
            /* Text ko ek taraf limit rakhne ke liye */
            color: white;
            z-index: 10;
            text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
            /* Text readability ke liye */
        }

        .hero-content h1 {
            font-size: 4rem;
            /* Bada heading size */
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: -1px;
        }

        .hero-content p {
            font-size: 1.3rem;
            /* Description thoda bada */
            margin-bottom: 35px;
            line-height: 1.6;
            color: #f0f0f0;
            max-width: 600px;
        }

        /* ============================================================
   BUTTON STYLES
   ============================================================ */

        .hero-btns {
            display: flex;
            gap: 15px;
        }

        .btn-yellow {
            background: #f1c40f;
            color: #000;
            border: none;
            padding: 16px 40px;
            /* Bada aur clickable button */
            border-radius: 50px;
            font-weight: 700;
            font-size: 1.1rem;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            box-shadow: 0 5px 15px rgba(241, 196, 15, 0.4);
        }

        .btn-yellow:hover {
            background: #f39c12;
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(241, 196, 15, 0.6);
        }

        .btn-outline {
            background: transparent;
            border: 2px solid white;
            color: white;
            padding: 16px 40px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 1.1rem;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .btn-outline:hover {
            background: white;
            color: #000;
        }

        /* ============================================================
   RESPONSIVE DESIGN (MOBILE FIX)
   ============================================================ */

        @media (max-width: 992px) {
            .hero-content h1 {
                font-size: 3rem;
            }
        }

        @media (max-width: 768px) {
            .carousel-slide {
                padding: 0 5%;
                justify-content: center;
                /* Mobile par center align */
                text-align: center;
            }

            .hero-content h1 {
                font-size: 2.2rem;
            }

            .hero-content p {
                font-size: 1rem;
            }

            .hero-btns {
                justify-content: center;
            }

            .btn-yellow,
            .btn-outline {
                padding: 12px 25px;
                font-size: 0.9rem;
            }
        }





        /* --- Global Section Style --- */
        .telecom-innovation-section {
            background-color: #000000;
            /* Pure Black Background */
            padding: 80px 10%;
            color: #ffffff;
            font-family: 'Arial', sans-serif;
            text-align: center;
        }

        .innovation-container {
            max-width: 1000px;
            margin: 0 auto;
        }

        /* --- Badges Design --- */
        .innovation-badges {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 15px;
            margin-bottom: 40px;
        }

        .badge {
            padding: 8px 20px;
            border-radius: 30px;
            font-size: 20px;
            font-weight: 600;
            color: #ffffff;
        }

        .badge-green {
            background-color: #006400;
        }

        .badge-teal {
            background-color: #008080;
        }

        .badge-olive {
            background-color: #808000;
            color: #f0f0f0;
        }

        .badge-light-green {
            background-color: #90ee90;
            color: #000;
        }

        /* --- Text Content Design --- */
        .innovation-title {
            font-size: 3.5rem;
            font-weight: 800;
            line-height: 1.2;
            margin-bottom: 25px;
            color: #ffffff;
        }

        .innovation-title span {
            color: #f1c40f;
            /* Theme Yellow */
        }

        .innovation-description {
            font-size: 1.2rem;
            line-height: 1.8;
            color: #cccccc;
            max-width: 800px;
            margin: 0 auto 40px auto;
        }

        /* --- Button Style --- */
        .btn-main-yellow {
            background-color: #f1c40f;
            color: #000;
            border: none;
            padding: 15px 40px;
            font-size: 1rem;
            font-weight: bold;
            border-radius: 50px;
            cursor: pointer;
            transition: 0.3s ease;
        }

        .btn-main-yellow:hover {
            background-color: #ffffff;
            transform: scale(1.05);
        }

        /* --- Responsive (Mobile & Tablet) --- */
        @media (max-width: 992px) {
            .innovation-title {
                font-size: 2.5rem;
            }

            .telecom-innovation-section {
                padding: 60px 5%;
            }
        }

        @media (max-width: 600px) {
            .innovation-title {
                font-size: 1.8rem;
            }

            .innovation-description {
                font-size: 1rem;
            }

            .badge {
                font-size: 12px;
                padding: 6px 15px;
            }

            .innovation-badges {
                gap: 10px;
            }
        }





        /* Color Palette: Yellow (#ffb800), Black (#111), White (#fff) */

        .fb-about-section {
            padding: 80px 5%;
            background-color: #ffffff;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            overflow: hidden;
        }

        .fb-about-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .fb-about-row {
            display: flex;
            align-items: center;
            gap: 60px;
            flex-wrap: wrap;
        }

        /* Image Column Styles */
        .fb-about-image-col {
            flex: 1;
            min-width: 350px;
            position: relative;
        }

        .fb-about-img-wrapper {
            position: relative;
            z-index: 2;
        }

        .fb-about-main-img {
            width: 100%;
            height: auto;
            border-radius: 10px;
            display: block;
            box-shadow: 20px 20px 0px #ffb800;
            /* Yellow decorative shadow */
        }

        .fb-about-shape {
            position: absolute;
            top: -20px;
            left: -20px;
            width: 100px;
            height: 100px;
            background: #111;
            /* Black accent shape */
            z-index: -1;
            border-radius: 10px;
        }

        /* Content Column Styles */
        .fb-about-content-col {
            flex: 1.2;
            min-width: 350px;
        }

        .fb-about-subtitle {
            color: #ffb800;
            font-size: 14px;
            font-weight: 800;
            letter-spacing: 2px;
            margin-bottom: 10px;
        }

        .fb-about-title {
            font-size: clamp(30px, 4vw, 45px);
            color: #111;
            font-weight: 900;
            line-height: 1.2;
            margin-bottom: 25px;
        }

        .fb-about-title span {
            color: #ffb800;
        }

        /* --- Base Style (Desktop) --- */
        .fb-about-line {
            width: 80px;
            /* Thoda wide look ke liye */
            height: 5px;
            background: #ffb800;
            margin-bottom: 25px;
            border-radius: 2px;
            transition: all 0.4s ease;
            /* Hover effect ke liye transition */
        }

        /* Hover Effect: Mouse le jaane par line thodi expand hogi */
        .fb-about-text-box:hover .fb-about-line {
            width: 120px;
        }

        /* --- Responsive Adjustments --- */

        @media (max-width: 992px) {

            /* Tablet & Mobile alignment */
            .fb-about-line {
                width: 70px;
                height: 4px;
                margin-left: auto;
                /* Isse line center ho jayegi */
                margin-right: auto;
                /* Isse line center ho jayegi */
                margin-bottom: 20px;
            }
        }

        @media (max-width: 480px) {

            /* Chote mobile screens ke liye */
            .fb-about-line {
                width: 60px;
                margin-bottom: 15px;
            }
        }

        .fb-about-lead {
            font-size: 18px;
            font-weight: 600;
            color: #111;
            margin-bottom: 20px;
            line-height: 1.5;
        }

        .fb-about-description {
            font-size: 16px;
            color: #555;
            margin-bottom: 25px;
        }

        .fb-about-highlight-box {
            border-left: 4px solid #ffb800;
            background: #f9f9f9;
            padding: 20px;
            margin-bottom: 30px;
            font-style: italic;
            color: #333;
        }

        .fb-about-btn {
            background-color: #111;
            color: #fff;
            border: none;
            padding: 15px 35px;
            font-weight: 700;
            border-radius: 5px;
            cursor: pointer;
            transition: 0.3s ease;
        }

        .fb-about-btn:hover {
            background-color: #ffb800;
            color: #111;
        }

        /* --- RESPONSIVE ADJUSTMENTS --- */

        @media (max-width: 992px) {
            .fb-about-row {
                flex-direction: column;
                /* Stack vertically on mobile/tab */
                gap: 50px;
            }

            .fb-about-image-col,
            .fb-about-content-col {
                width: 100%;
                min-width: 100%;
            }

            .fb-about-main-img {
                box-shadow: 15px 15px 0px #ffb800;
            }

            .fb-about-text-box {
                text-align: center;
            }

            .fb-about-highlight-box {
                text-align: left;
            }

            .fb-about-btn {
                width: 100%;
            }
        }







        /* Prefix: fb-grid- */

        .fb-grid-stats {
            padding: 80px 5%;
            background-color: #ffffff;
            font-family: 'Segoe UI', Arial, sans-serif;
        }

        .fb-grid-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* Header Styling */
        .fb-grid-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .fb-grid-subtitle {
            color: #888;
            font-size: 14px;
            letter-spacing: 3px;
            font-weight: 700;
            margin-bottom: 10px;
            text-transform: uppercase;
        }

        .fb-grid-title {
            font-size: clamp(28px, 5vw, 42px);
            color: #111;
            font-weight: 900;
        }

        .fb-grid-title span {
            color: #ffb800;
        }

        .fb-grid-line {
            width: 60px;
            height: 4px;
            background: #ffb800;
            margin: 20px auto 0;
        }

        /* Wrapper & Cards */
        .fb-grid-wrapper {
            display: flex;
            justify-content: center;
            gap: 30px;
            flex-wrap: wrap;
        }

        .fb-grid-item {
            flex: 1;
            min-width: 280px;
            background: #111;
            color: #fff;
            padding: 45px 30px;
            border-radius: 20px;
            text-align: center;
            border: 1px solid #222;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            /* Bouncy effect */
        }

        /* --- MOUSE HOVER EFFECTS --- */
        .fb-grid-item:hover {
            transform: translateY(-15px) scale(1.03);
            border-color: #ffb800;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
        }

        .fb-grid-highlight {
            background: #ffb800;
            color: #111;
            border-color: #ffb800;
        }

        .fb-grid-highlight .fb-grid-number,
        .fb-grid-highlight .fb-grid-desc {
            color: #111;
        }

        .fb-grid-highlight:hover {
            background: #e6a600;
            /* Darker yellow on hover */
            box-shadow: 0 20px 40px rgba(255, 184, 0, 0.3);
        }

        /* Text inside cards */
        .fb-grid-number {
            font-size: 52px;
            font-weight: 900;
            color: #ffb800;
            margin-bottom: 10px;
            transition: transform 0.3s ease;
        }

        .fb-grid-item:hover .fb-grid-number {
            transform: scale(1.1);
        }

        .fb-grid-label {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 15px;
        }

        .fb-grid-desc {
            font-size: 14px;
            color: #aaa;
            line-height: 1.6;
        }

        /* --- RESPONSIVE FIXES --- */

        /* For Tablets */
        @media (max-width: 992px) {
            .fb-grid-item {
                flex: 0 0 calc(50% - 20px);
            }
        }

        /* For Mobile */
        @media (max-width: 650px) {
            .fb-grid-item {
                flex: 0 0 100%;
            }

            .fb-grid-item:hover {
                transform: translateY(-5px);
                /* Minimal lift on mobile */
            }
        }




        /* Prefix: fb- */
        .fb-product-slider-section {
            padding: 80px 0;
            background-color: #fcfcfc;
            overflow: hidden;
            width: 100%;
        }

        .fb-slider-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .fb-slider-title {
            font-size: 36px;
            font-weight: 900;
            color: #111;
        }

        .fb-slider-title span {
            color: #ffb800;
        }

        .fb-slider-line {
            width: 70px;
            height: 5px;
            background: #ffb800;
            margin: 15px auto;
        }

        /* --- FIXED SLIDER LOGIC --- */
        .fb-slider-container {
            width: 100%;
            display: flex;
            position: relative;
            /* Masking gradient edges for premium look */
            mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
        }

        .fb-slider-track {
            display: flex;
            width: max-content;
            /* Yeh automatic width handle karega */
            animation: fb-scroll-left 25s linear infinite;
        }

        /* Jab mouse hover karein toh smooth ruk jaye */
        .fb-slider-track:hover {
            animation-play-state: paused;
        }

        /* Keyframe Logic: 
   Sirf utna hi translate karna hai jitne "Original" cards hain (4 cards).
   Original Cards (4) + Duplicate Cards (4) = Total 8 cards in HTML.
*/
        @keyframes fb-scroll-left {
            0% {
                transform: translateX(0);
            }

            100% {
                /* Calculation: 1 Card (320px) + Gap (30px) = 350px. 
           4 Unique Cards * 350px = 1400px */
                transform: translateX(-1400px);
            }
        }

        /* Product Card Style */
        .fb-product-card {
            width: 320px;
            background: #ffffff;
            margin: 0 15px;
            /* Total 30px gap (15 left + 15 right) */
            border: 1px solid #000;
            border-radius: 12px;
            overflow: hidden;
            transition: 0.4s ease;
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
        }

        .fb-img-box {
            width: 100%;
            height: 250px;
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .fb-img-box img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

        .fb-product-info {
            padding: 20px;
            text-align: center;
            border-top: 1px solid #f5f5f5;
        }

        .fb-product-info h3 {
            font-size: 16px;
            color: #333;
            margin-bottom: 15px;
            height: 45px;
            overflow: hidden;
            font-weight: 600;
        }

        .fb-view-btn {
            font-size: 14px;
            color: #ffb800;
            text-decoration: none;
            font-weight: 700;
        }

        .fb-product-card:hover {
            border-color: #ffb800;
            /* transform: translateY(-10px); */
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }

        /* --- RESPONSIVE FIXES --- */

        @media (max-width: 1024px) {
            .fb-product-card {
                width: 280px;
            }

            @keyframes fb-scroll-left {
                100% {
                    /* (280 + 30 gap) * 4 cards = 1240px */
                    transform: translateX(-1240px);
                }
            }
        }

        @media (max-width: 600px) {
            .fb-product-card {
                width: 240px;
            }

            @keyframes fb-scroll-left {
                100% {
                    /* (240 + 30 gap) * 4 cards = 1080px */
                    transform: translateX(-1080px);
                }
            }
        }






        .fb-six-grid-section {
            background-color: #ffffff;
            padding: 80px 5%;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        .fb-main-wrapper {
            max-width: 1200px;
            margin: 0 auto;
        }

        .fb-section-head {
            text-align: center;
            margin-bottom: 50px;
        }

        .fb-section-head h2 {
            font-size: 36px;
            font-weight: 800;
            color: #000;
        }

        .fb-section-head h2 span {
            color: #FFB400;
        }

        .fb-yellow-line {
            width: 60px;
            height: 5px;
            background: #FFB400;
            margin: 15px auto 0;
            border-radius: 5px;
        }

        /* --- The 3x3 Grid Logic --- */
        .fb-cards-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            /* Desktop: 3 cards per row */
            gap: 30px;
            /* Spacing between cards */
        }

        .fb-card-item {
            background: #fff;
            padding: 40px 25px;
            border: 1px solid #f0f0f0;
            border-radius: 15px;
            text-align: center;
            transition: all 0.3s ease-in-out;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);
        }

        .fb-card-item:hover {
            transform: translateY(-10px);
            border-color: #FFB400;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }

        .fb-icon {
            font-size: 50px;
            margin-bottom: 20px;
        }

        .fb-card-item h3 {
            font-size: 20px;
            color: #000;
            margin-bottom: 15px;
            font-weight: 700;
        }

        .fb-card-item p {
            font-size: 14px;
            color: #555;
            line-height: 1.6;
        }

        /* --- Responsive Design --- */

        /* Tablet View: 2 Cards per row */
        @media (max-width: 992px) {
            .fb-cards-container {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        /* Mobile View: 1 Card per row */
        @media (max-width: 600px) {
            .fb-cards-container {
                grid-template-columns: 1fr;
            }

            .fb-section-head h2 {
                font-size: 28px;
            }
        }






        /* Container & Layout */
        .ex-gallery-section {
            background-color: #ffffff;
            padding: 60px 20px;
            font-family: 'Arial Black', Gadget, sans-serif;
            /* Bold Font like image */
        }

        .ex-wrapper {
            max-width: 1200px;
            margin: 0 auto;
            text-align: center;
        }

        /* Heading Style (Exactly like your image) */
        .ex-heading-container {
            margin-bottom: 50px;
        }

        .ex-main-title {
            font-size: 36px;
            /* Large size */
            margin: 0;
            letter-spacing: -1px;
        }

        .ex-text-black {
            color: #000000;
            /* Pure Black */
        }

        .ex-text-yellow {
            color: #FFB400;
            /* Fastball Yellow */
        }

        .ex-yellow-line {
            width: 60px;
            height: 5px;
            background-color: #FFB400;
            margin: 15px auto 0;
            border-radius: 2px;
        }

        /* 6 Image Grid */
        .ex-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .ex-item {
            height: 300px;
            overflow: hidden;
            background-color: #eee;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }

        .ex-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .ex-item:hover {
            transform: translateY(-5px);
        }

        /* Fully Responsive */
        @media (max-width: 992px) {
            .ex-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .ex-main-title {
                font-size: 2.5rem;
            }
        }

        @media (max-width: 600px) {
            .ex-grid {
                grid-template-columns: 1fr;
            }

            .ex-main-title {
                font-size: 2rem;
            }
        }







        .creative-team-section {
    background: #ffffff;
    padding: 80px 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    overflow: hidden;
}

.team-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}

.team-header-area {
    text-align: center;
    margin-bottom: 50px;
}

.team-main-title {
    font-size: 40px;
    font-weight: 900;
    color: #111111;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.team-main-title span {
    color: #f2b807; /* Brand Yellow */
}

/* Creative Yellow Line */
.yellow-divider {
    width: 60px;
    height: 4px;
    background: #f2b807;
    margin: 0 auto 20px;
    position: relative;
}

/* .yellow-divider::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 4px;
    background: #111111;
    right: -25px;
} */

.team-description {
    color: #666666;
    font-size: 16px;
}

/* Slider Track */
.slider-viewport {
    overflow: hidden;
    padding: 10px 0;
}

.slider-track-custom {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    gap: 20px;
}

.team-item {
    min-width: calc(33.33% - 14px); /* Desktop: 3 Items */
}

.card-inner {
    position: relative;
    height: 420px;
    background: #000000;
    overflow: hidden;
    border-radius: 8px;
}

.image-holder {
    width: 100%;
    height: 100%;
    transition: 0.5s;
}

.image-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.7;
    /* filter: grayscale(100%); */
}

/* Overlay Info */
.content-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px;
    background: linear-gradient(transparent, rgba(0,0,0,0.95));
    transform: translateY(50px);
    transition: 0.4s ease-in-out;
}

.role-badge {
    background: #f2b807;
    color: #000000;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 8px;
}

.member-name {
    color: #ffffff;
    font-size: 22px;
    margin: 0;
}

.member-bio {
    color: #dddddd;
    font-size: 14px;
    opacity: 0;
    margin-top: 10px;
    transition: 0.3s;
}

/* Hover Effects */
.team-item:hover .content-overlay {
    transform: translateY(0);
}

.team-item:hover .member-bio {
    opacity: 1;
}

.team-item:hover .image-holder img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}

/* Slider Buttons */
.slider-controls {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.ctrl-btn {
    background: #111111;
    color: #f2b807;
    border: none;
    width: 50px;
    height: 50px;
    cursor: pointer;
    font-size: 18px;
    transition: 0.3s;
    border-radius: 4px;
}

.ctrl-btn:hover {
    background: #f2b807;
    color: #111111;
}

/* Responsive */
@media (max-width: 992px) {
    .team-item { min-width: calc(50% - 10px); } /* Tablet: 2 Items */
    .team-main-title { font-size: 32px; }
}

@media (max-width: 600px) {
    .team-item { min-width: 100%; } /* Mobile: 1 Item */
    .card-inner { height: 380px; }
}






        /* --- Main Section Styles --- */
        .corporate-info-section {
            background-color: #000000;
            /* Black Theme Background */
            padding: 80px 10%;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        .info-main-container {
            max-width: 1100px;
            margin: 0 auto;
            display: flex;
            gap: 30px;
            /* Cards ke beech ka gap */
            justify-content: center;
        }

        /* --- Card Styles --- */
        .info-card {
            background-color: #111111;
            /* Dark Grey/Black for Cards */
            border: 2px solid #f1c40f;
            /* Yellow Border */
            border-radius: 15px;
            padding: 40px 30px;
            flex: 1;
            /* Dono cards barabar size ke rahenge */
            transition: transform 0.3s ease, background-color 0.3s ease;
            text-align: center;
            position: relative;
        }

        .info-card:hover {
            transform: translateY(-10px);
            /* Hover effect */
            background-color: #1a1a1a;
        }

        /* --- Card Header & Icons --- */
        .info-card-header {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            margin-bottom: 20px;
        }

        .info-icon {
            font-size: 2rem;
        }

        .info-card-title {
            color: #f1c40f;
            /* Theme Yellow */
            font-size: 1.8rem;
            font-weight: 700;
            margin: 0;
            text-transform: uppercase;
        }

        /* --- Card Body Text --- */
        .info-card-text {
            color: #ffffff;
            /* White Text */
            font-size: 1.1rem;
            line-height: 1.7;
            margin: 0;
        }

        /* --- Responsive Design --- */

        /* For Tablets */
        @media (max-width: 992px) {
            .corporate-info-section {
                padding: 60px 5%;
            }

            .info-card-title {
                font-size: 1.5rem;
            }
        }

        /* For Mobile Phones */
        @media (max-width: 768px) {
            .info-main-container {
                flex-direction: column;
                /* Mobile par cards upar-niche aayenge */
            }

            .info-card {
                padding: 30px 20px;
            }

            .corporate-info-section {
                padding: 50px 20px;
            }
        }







        /* --- Edited Video Section Styles --- */
        .prod-video-section {
            padding: 80px 5%;
            background-color: #ffffff;
            /* Background White rakha gaya hai */
            font-family: 'Segoe UI', Arial, sans-serif;
        }

        .pv-container {
            max-width: 1400px;
            margin: 0 auto;
            text-align: center;
        }

        .pv-header-title {
            font-size: 34px;
            font-weight: 800;
            color: #000000;
            /* Black text for white background */
            margin-bottom: 5px;
            text-transform: uppercase;
        }

        .pv-header-title span {
            color: #FFB400;
            /* Fastball Yellow */
        }

        .pv-header-line {
            width: 80px;
            height: 6px;
            background-color: #FFB400;
            margin: 15px auto 60px auto;
            border-radius: 3px;
        }

        /* --- Responsive Grid --- */
        .pv-responsive-grid {
            display: grid;
            gap: 40px;
            /* Space badhaya gaya hai taaki cards chipke na */
            grid-template-columns: repeat(4, 1fr);
        }

        /* Tablet View */
        @media (max-width: 1200px) {
            .pv-responsive-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px;
            }
        }

        /* Mobile View */
        @media (max-width: 650px) {
            .pv-responsive-grid {
                grid-template-columns: 1fr;
            }

            .pv-header-title {
                font-size: 28px;
            }
        }

        .pv-video-item {
            width: 100%;
            text-align: left;
        }

        /* --- Video Box Design --- */
        .pv-video-box {
            position: relative;
            width: 100%;
            padding-top: 56.25%;
            /* 16:9 Aspect Ratio */
            background-color: #000;
            /* Video area black hi rahega */
            border-radius: 12px;
            overflow: hidden;
            /* White background par dark shadow zyada zaroori hai */
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: all 0.4s ease;
            border: 1px solid #eeeeee;
        }

        /* Hover Effect */
        .pv-video-item:hover .pv-video-box {
            transform: translateY(-8px);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
            border-color: #FFB400;
        }

        .pv-video-box iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }

        /* --- Label Styling --- */
        .pv-video-label {
            margin-top: 18px;
            font-size: 17px;
            color: #222222;
            /* Dark Gray/Black for readability */
            font-weight: 700;
            line-height: 1.4;
            padding-left: 0px;
            transition: all 0.3s ease;
        }

        /* Hover par text color change */
        .pv-video-item:hover .pv-video-label {
            color: #FFB400;
        }





        .fb-testimonial-section {

            background-color: #1a1a1a;

            /* Black Theme */

            padding: 60px 20px;

            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

            overflow: hidden;

        }



        .fb-container {

            max-width: 1200px;

            margin: 0 auto;

            position: relative;

        }



        .fb-section-title {

            color: #ffffff;

            /* White Text */

            text-align: center;

            margin-bottom: 40px;

            font-size: 2.5rem;

        }



        .fb-section-title span {

            color: #FFD700;

            /* Yellow Text */

        }



        .fb-slider-wrapper {

            position: relative;

            display: flex;

            align-items: center;

        }



        .fb-testimonial-slider {

            display: flex;

            gap: 20px;

            transition: transform 0.5s ease-in-out;

            cursor: grab;

            width: 100%;

        }



        .fb-card {

            min-width: calc(33.333% - 14px);

            background: #ffffff;

            /* White Card */

            padding: 30px;

            border-radius: 15px;

            text-align: center;

            box-sizing: border-box;

            border-bottom: 5px solid #FFD700;

            /* Yellow Bottom Border */

            transition: 0.3s;

        }



        .fb-card:hover {

            transform: translateY(-10px);

        }



        .fb-service-tag {

            background: #FFD700;

            /* Yellow Tag */

            color: #1a1a1a;

            display: inline-block;

            padding: 5px 15px;

            border-radius: 20px;

            font-weight: bold;

            font-size: 0.8rem;

            margin-bottom: 15px;

        }



        .fb-user-img img {

            width: 80px;

            height: 80px;

            border-radius: 50%;

            border: 3px solid #FFD700;

            /* Yellow Ring */

            margin-bottom: 15px;

            object-fit: cover;

        }



        .fb-user-name {

            margin: 5px 0;

            color: #1a1a1a;

            font-size: 1.2rem;

            font-weight: bold;

        }



        .fb-user-pos {

            font-size: 0.9rem;

            color: #666;

            margin-bottom: 15px;

            font-style: italic;

        }



        .fb-feedback {

            line-height: 1.6;

            color: #333;

            font-size: 0.95rem;

        }



        /* Navigation Buttons */

        .fb-nav-btn {

            position: absolute;

            top: 50%;

            transform: translateY(-50%);

            background: #FFD700;

            /* Yellow Buttons */

            border: none;

            width: 45px;

            height: 45px;

            border-radius: 50%;

            cursor: pointer;

            font-size: 20px;

            z-index: 10;

            font-weight: bold;

            color: #1a1a1a;

            display: flex;

            align-items: center;

            justify-content: center;

            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);

        }



        .fb-prev {

            left: -20px;

        }



        .fb-next {

            right: -20px;

        }



        /* Responsive Adjustments */

        @media (max-width: 992px) {

            .fb-card {

                min-width: calc(50% - 10px);

            }

        }



        @media (max-width: 600px) {

            .fb-card {

                min-width: 100%;

            }



            .fb-section-title {

                font-size: 1.8rem;

            }



            .fb-prev {

                left: 5px;

            }



            .fb-next {

                right: 5px;

            }



            .fb-nav-btn {

                width: 35px;

                height: 35px;

                font-size: 16px;

            }

        }




        /* --- Competitive Edge Section --- */
        .fb-competitive-section {
            background-color: #ffffff;
            /* White Background */
            padding: 80px 5%;
            font-family: 'Segoe UI', Arial, sans-serif;
        }

        .fb-edge-container {
            max-width: 1200px;
            margin: 0 auto;
            text-align: center;
        }

        /* Header Styling */
        .fb-edge-header {
            margin-bottom: 60px;
        }

        .fb-edge-title {
            font-size: 36px;
            font-weight: 800;
            color: #000000;
            /* Black text */
            text-transform: uppercase;
            margin: 0;
        }

        .fb-edge-title span {
            color: #FFB400;
            /* Fastball Yellow */
        }

        .fb-edge-underline {
            width: 70px;
            height: 5px;
            background-color: #FFB400;
            margin: 15px auto 0;
            border-radius: 10px;
        }

        /* Grid Layout */
        .fb-edge-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            /* Desktop: 4 Columns */
            gap: 25px;
        }

        /* Individual Card Styling */
        .fb-edge-item {
            background: #ffffff;
            padding: 40px 25px;
            border-radius: 15px;
            border: 1px solid #eeeeee;
            transition: all 0.4s ease;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .fb-edge-item:hover {
            transform: translateY(-10px);
            border-color: #FFB400;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
        }

        .fb-edge-icon {
            font-size: 40px;
            margin-bottom: 20px;
            background: #fdfdfd;
            width: 80px;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            border: 2px solid #f9f9f9;
        }

        .fb-edge-name {
            font-size: 20px;
            font-weight: 700;
            color: #000000;
            margin-bottom: 15px;
        }

        .fb-edge-desc {
            font-size: 15px;
            color: #555555;
            line-height: 1.6;
            margin: 0;
        }

        /* --- Responsive Media Queries --- */

        /* Tablet View */
        @media (max-width: 1024px) {
            .fb-edge-grid {
                grid-template-columns: repeat(2, 1fr);
                /* Tablet: 2 Columns */
            }
        }

        /* Mobile View */
        @media (max-width: 600px) {
            .fb-edge-grid {
                grid-template-columns: 1fr;
                /* Mobile: 1 Column */
                gap: 20px;
            }

            .fb-edge-title {
                font-size: 28px;
            }

            .fb-edge-item {
                padding: 30px 20px;
            }
        }





        /* --- Brand Slider Section --- */
        .brand-slider-section {
            background-color: #000000;
            padding: 60px 0;
            overflow: hidden;
            border-top: 1px solid #222;
        }

        .brand-container {
            width: 100%;
        }

        .brand-title {
            text-align: center;
            color: #ffffff;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 50px;
            font-family: sans-serif;
        }

        .brand-title span {
            color: #f1c40f;
            /* Theme Yellow */
        }

        /* --- Slider Wrapper --- */
        .brand-slider-wrapper {
            width: 100%;
            display: flex;
            position: relative;
            background: #0a0a0a;
            /* Darker black for contrast */
            padding: 30px 0;
        }

        /* --- Animation Track --- */
        .brand-track {
            display: flex;
            width: calc(250px * 15);
            /* Jitne logo hain unki width ka total */
            animation: scroll-left 30s linear infinite;
        }

        .brand-logo {
            width: 250px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 40px;
        }

        .brand-logo img {
            max-width: 150px;
            height: auto;
            /* filter: grayscale(100%) brightness(150%); */
            /* Logos white-ish dikhenge */
            transition: 0.4s ease;
            /* opacity: 0.7; */
        }

        .brand-logo img:hover {
            filter: grayscale(0%) brightness(100%);
            /* Hover par original color */
            opacity: 1;
            transform: scale(1.1);
        }

        /* --- Animation Keyframes --- */
        @keyframes scroll-left {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(calc(-250px * 10));
            }

            /* 10 logo ke baad loop reset */
        }

        /* --- Responsive Styles --- */
        @media (max-width: 768px) {
            .brand-title {
                font-size: 1.8rem;
            }

            .brand-logo {
                width: 180px;
                padding: 0 20px;
            }

            @keyframes scroll-left {
                100% {
                    transform: translateX(calc(-180px * 10));
                }
            }
        }





        /* --- Fastball Certification Ticker --- */
        .fb-cert-section {
            background: #f1c40f;
            /* Black Background */
            border-top: 2px solid #000;
            /* Yellow Top Border */
            border-bottom: 2px solid #000;
            /* Yellow Bottom Border */
            overflow: hidden;
            padding: 12px 0;
            width: 100%;
            position: relative;
        }

        .fb-cert-wrapper {
            display: flex;
            width: max-content;
        }

        .fb-cert-track {
            display: flex;
            animation: fb-scroll 40s linear infinite;
            /* Smooth continuous scroll */
        }

        /* Hover par animation ruk jayegi taaki log details padh sakein */
        .fb-cert-section:hover .fb-cert-track {
            animation-play-state: paused;
        }

        .fb-cert-content {
            display: flex;
            align-items: center;
            white-space: nowrap;
        }

        .fb-cert-item {
            color: #000;
            font-family: 'Segoe UI', Arial, sans-serif;
            font-size: 14px;
            font-weight: 500;
            padding: 0 40px;
            /* Space between items */
            display: flex;
            align-items: center;
            border-right: 1px solid #000;
            /* White Divider */
        }

        .fb-cert-item b {
            color: #000;
            /* Numbers and IDs in Yellow */
            margin-left: 5px;
        }

        .fb-cert-icon {
            margin-right: 10px;
            font-size: 18px;
        }

        /* Animation Logic */
        @keyframes fb-scroll {
            from {
                transform: translateX(0);
            }

            to {
                transform: translateX(-50%);
            }
        }

        /* --- Responsive Adjustments --- */
        @media (max-width: 768px) {
            .fb-cert-item {
                font-size: 12px;
                padding: 0 25px;
            }

            .fb-cert-track {
                animation-duration: 30s;
                /* Faster for mobile */
            }
        }





        /* General Resets */
        .footer-section {
            background-color: #0a0a0a;
            /* Dark background */
            color: #ffffff;
            padding: 50px 0 20px 0;
            font-family: Arial, sans-serif;
            /* border-top: 1px dashed #444; */
        }

        .footer-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .footer-box {
            flex: 1;
            min-width: 250px;
            margin-bottom: 30px;
            margin-left: 10px;
        }

        /* Brand Section */
        /* .footer-logo {
            width: 160px;
            margin-bottom: 20px;
        } */

        .footer-box p {
            font-size: 14px;
            line-height: 1.6;
            color: #cccccc;
            margin-bottom: 20px;
        }

        /* Titles */
        .footer-box h3 {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 20px;
            color: #ffffff;
        }

        /* Links */
        .footer-links {
            list-style: none;
            padding: 0;
        }

        .footer-links li {
            margin-bottom: 10px;
        }

        .footer-links li a {
            color: #cccccc;
            text-decoration: none;
            font-size: 14px;
            transition: 0.3s;
        }

        .footer-links li a:hover {
            color: #f1c40f;
            /* Orange Hover */
        }

        /* Social Icons */
        /* .social-icons a {
            display: inline-block;
            width: 35px;
            height: 35px;
            border: 1px solid #ffffff;
            border-radius: 50%;
            text-align: center;
            line-height: 35px;
            color: #ffffff;
            margin-right: 10px;
            font-size: 14px;
            transition: 0.3s ease;
        } */



        /* Contact Info */
        .contact-details p {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-bottom: 15px;
        }

        .contact-details i {
            color: #ffffff;
            margin-top: 4px;
        }

        /* Footer Bottom */
        .footer-bottom {
            border-top: 1px solid #222;
            padding-top: 20px;
            margin-top: 20px;
        }

        .footer-bottom .footer-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 13px;
            color: #888;
        }

        .legal-links a {
            color: #888;
            text-decoration: none;
            margin: 0 5px;
        }

        /* Mobile Responsive */
        @media (max-width: 768px) {
            .footer-container {
                flex-direction: column;
                text-align: left;
            }

            .footer-box {
                width: 100%;
            }

            .footer-bottom .footer-container {
                flex-direction: column;
                gap: 10px;
                align-items: flex-start;
            }
        }






        /* --- Floating Buttons Styles --- */

        /* Common Floating Style */
        .floating {
            position: fixed;
            bottom: 20px;
            z-index: 999;
        }

        .float-left {
            left: 20px;
        }

        .float-right {
            right: 20px;
        }

        /* WhatsApp & Call Button Design */
        .floating a {
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            color: #fff;
            font-size: 30px;
            text-decoration: none;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s ease, background 0.3s ease;
        }

        /* Colors */
        .floating a.wa {
            background-color: #25d366;
            /* WhatsApp Green */
        }

        .floating a.call {
            background-color: #007bff;
            /* Call Blue */
        }

        /* Hover Effect (Desktop Only) */
        .floating a:hover {
            transform: scale(1.1);
        }

        /* --- Back to Top Button --- */
        #toTop {
            position: fixed;
            bottom: 90px;
            /* WhatsApp/Call ke upar rahega */
            right: 20px;
            width: 45px;
            height: 45px;
            background-color: #333;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 20px;
            z-index: 1000;
            display: none;
            /* JS se show/hide karne ke liye (Optional) */
            transition: 0.3s;
        }

        #toTop:hover {
            background-color: #ffb400;
            /* Aapka theme yellow color */
        }

        /* --- Responsive Adjustments --- */

        /* Tablet (Max 991px) */
        @media (max-width: 991px) {
            .floating a {
                width: 50px;
                height: 50px;
                font-size: 25px;
            }
        }

        /* Mobile (Max 768px) */
        @media (max-width: 768px) {
            .floating {
                bottom: 15px;
            }

            .float-left {
                left: 15px;
            }

            .float-right {
                right: 15px;
            }

            #toTop {
                bottom: 80px;
                width: 40px;
                height: 40px;
            }
        }




        /*mouse star , Canvas ko fix karne ke liye taaki content ke piche rahe */
        /* Canvas setting - Taaki content ke upar smoothly chale */
        #defaultCanvas0 {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9999;
            pointer-events: none;
        }