/* Custom gradient background for the services */
        :root {
            --gradient-2: linear-gradient(45deg, #fc6a09, #c55b04); /* Instagram-like gradient */
            --white: #ffffff;
        }

        /* Typing Animation */
        .typing {
            display: inline-block;
            font-size: 1.5rem;
            font-weight: bold;
            background-image: var(--gradient-2);
            background-clip: text;
            color: transparent;
            white-space: nowrap;
            overflow: hidden;
            border-right: 2px solid gray;
            animation: typing 3s steps(40, end) infinite, blink 0.5s step-end infinite;
        }

        .btn {
            background-image: var(--gradient-2);
            background-size: 200%;
            color: var(--white);
            padding: 10px 30px;
            font-size: var(--fs-8);
            font-weight: var(--fw-500);
            border-radius: 0 25px;
            transition: var(--transition-2);
        }

        .btn:hover,
        .btn:focus {
            background-position: right;
        }

        /* Stylish underline for logo */
        .logo-underline {
            background-image: linear-gradient(90deg, #fd1d1d, #fcb045); /* Instagram-like gradient */
            background-repeat: no-repeat;
            background-size: 100% 2px;
            height: 2px;
            width: 100%;
        }

        @keyframes typing {
            from {
                width: 0;
            }
            to {
                width: 100%;
            }
        }

        @keyframes blink {
            50% {
                border-color: transparent;
            }
        }

        /* Responsive Adjustments */
        @media (max-width: 768px) {
            h1 {
                font-size: 1.75rem; /* Smaller heading */
                text-align: left; /* Left-align on mobile */
            }

            .container {
                padding: 0 1rem; /* Reduce padding */
            }
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .logo-underline {
                width: 90%;
            }

            .btn {
                padding: 8px 25px;
                font-size: 14px;
            }

            .logo {
                font-size: 1.5rem;
            }

            .digital-marketing-text {
                font-size: 0.75rem;
            }

            .mobile-btn {
                padding: 8px 20px;
            }
        }

        /* Remove background from mobile menu toggle */
        .mobile-menu-btn {
            background: none; 
            color: var(--gradient-2);
            
        }