@charset "UTF-8";

 :root {
            --brand-gold: #D4AF37;
            --brand-dark: #1a1a1a;
        }

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

        .navbar-brand {
            font-weight: 700;
            letter-spacing: 1px;
        }

        
        .service-card {
            transition: 0.3s;
            border: none;
            shadow-sm;
        }

            .service-card:hover {
                transform: translateY(-10px);
                background: #f8f9fa;
            }

        .portfolio-img {
            height: 250px;
            object-fit: cover;
            border-radius: 8px;
        }

        footer {
            background: var(--brand-dark);
            color: white;
        }

         .top-ticker-container {
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            position: relative;
            height: 40px;
            display: flex;
            align-items: center;
            z-index: 1050; /* Stays above other elements */
        }

        .ticker-content {
            display: inline-block;
            white-space: nowrap;
            animation: seamlessLoop 30s linear infinite;
        }

        .ticker-item {
            display: inline-block;
        }

            .ticker-item span {
                display: inline-block;
                padding: 0 40px; /* Space between each message segment */
                font-size: 0.95rem;
                font-weight: 500;
            }

        /* Keyframe for a perfectly continuous loop */
        @keyframes seamlessLoop {
            from {
                transform: translateX(0);
            }

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

        /* Pauses the slider when user hovers to read phone numbers */
        .top-ticker-container:hover .ticker-content {
            animation-play-state: paused;
            cursor: pointer;
        }