.scaled-iframe {
            transform: scale(1.0);
            transform-origin: top left;
            overflow:visible;
        }

        .scaled-iframe iframe {
            width: 100% !important;
            height: 100% !important;
        }
        body {
            font-family: 'Inter', sans-serif;
            /* Vibrant Orange Theme */
            --primary-color: #F97316; /* Tailwind Orange-500 - More vibrant */
            --primary-hover-color: #EA580C; /* Tailwind Orange-600 */
            --secondary-color: #10B981; /* Tailwind Emerald-500 - A vibrant accent */
            --secondary-hover-color: #059669; /* Tailwind Emerald-600 */
            --text-primary: #111827; /* Gray-900 - Darker for strong contrast */
            --text-secondary: #374151; /* Gray-700 */
            --bg-light: #FFFFFF; /* White background for a clean, vibrant look */
            --bg-white: #FFFFFF;
            --border-color: #D1D5DB; /* Gray-300 for slightly more visible borders */
        }
		 .form-header {
            background-color: white !important;
        }
        .hero-bg {
            position: relative;
            overflow: hidden;
            min-height: calc(100vh - 70px);
            background: none;
            padding-top: 70px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .hero-bg-carousel {
            position: absolute;
            inset: 70px 0 0 0;
            width: 100%;
            height: calc(100% - 70px);
            background: #000;
            overflow: hidden;
        }
        .hero-bg-carousel img {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            transition: opacity 1s ease;
        }
        .hero-bg-carousel img.active {
            opacity: 1;
            z-index: 1;
        }
        .hero-content {
            position: relative;
            z-index: 2;
            padding-top: 4rem;
            padding-bottom: 4rem;
        }
        .hero-bg .hero-text-primary {
            color: var(--text-primary); /* Dark text for white hero bg */
        }
        .hero-bg .hero-text-secondary {
            color: var(--text-secondary); /* Slightly lighter dark text */
        }

        .scroll-smooth {
            scroll-behavior: smooth;
        }
        nav {
            background-color: #fff !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            border-bottom: 1px solid var(--border-color);
        }
        nav .logo-img {
            height: 60px; /* Increased from 40px */
            width: auto;
        }
        nav .nav-text-logo {
            color: var(--primary-color);
            font-weight: 700;
        }
        nav a.nav-link {
            transition: color 0.3s ease, transform 0.2s ease;
            padding-bottom: 4px;
            color: var(--text-secondary);
            font-weight: 500;
        }
        nav a.nav-link:hover, nav a.nav-link.active {
            color: var(--primary-color);
            transform: translateY(-2px);
        }
        nav a.nav-button {
            background-color: var(--primary-color);
            color: white !important;
            padding: 0.5rem 1rem;
            border-radius: 0.375rem; /* rounded-md */
            font-weight: 500;
            transition: background-color 0.3s ease, transform 0.2s ease;
        }
        nav a.nav-button:hover {
            background-color: var(--primary-hover-color);
            transform: translateY(-2px);
        }

        .section-title {
            font-weight: 800;
            color: var(--text-primary);
        }
        .section-subtitle {
            color: var(--text-secondary);
            max-width: 680px;
            margin-left: auto;
            margin-right: auto;
            line-height: 1.75;
        }
        .card {
            background-color: var(--bg-white);
            border-radius: 0.75rem; /* rounded-xl */
            box-shadow: 0 6px 12px -3px rgba(0, 0, 0, 0.07), 0 3px 7px -3px rgba(0, 0, 0, 0.04);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border: 1px solid var(--border-color);
        }
        .card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.07);
        }
        .btn-primary {
            background-color: var(--primary-color);
            color: white;
            font-weight: 600;
            padding: 0.875rem 1.75rem;
            border-radius: 0.5rem;
            transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
            display: inline-block;
            box-shadow: 0 4px 10px -2px rgba(var(--primary-color-rgb, 249, 115, 22), 0.4);
        }
        .btn-primary:hover {
            background-color: var(--primary-hover-color);
            transform: translateY(-3px) scale(1.03);
            box-shadow: 0 6px 15px -3px rgba(var(--primary-color-rgb, 249, 115, 22), 0.5);
        }
        .btn-secondary {
            background-color: var(--secondary-color);
            color: white;
            font-weight: 600;
            padding: 0.875rem 1.75rem;
            border-radius: 0.5rem;
            transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
            display: inline-block;
            box-shadow: 0 4px 10px -2px rgba(var(--secondary-color-rgb, 16, 185, 129), 0.4);
        }
        .btn-secondary:hover {
            background-color: var(--secondary-hover-color);
            transform: translateY(-3px) scale(1.03);
            box-shadow: 0 6px 15px -3px rgba(var(--secondary-color-rgb, 16, 185, 129), 0.5);
        }

        .btn-instagram {
            background-image: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
            color: white;
            font-weight: 600;
            padding: 0.875rem 1.75rem;
            border-radius: 0.5rem;
            transition: transform 0.2s ease, box-shadow 0.3s ease, opacity 0.3s ease;
            display: inline-block;
            box-shadow: 0 4px 10px -2px rgba(0,0,0, 0.3);
        }
        .btn-instagram:hover {
            opacity: 0.9;
            transform: translateY(-3px) scale(1.03);
            box-shadow: 0 6px 15px -3px rgba(0,0,0, 0.4);
        }
        .btn-instagram .fab.fa-instagram {
            color: white;
        }


        :root {
            --primary-color-rgb: 249, 115, 22;
            --secondary-color-rgb: 16, 185, 129;
        }

        .icon-primary {
            color: var(--primary-color);
        }
        .icon-secondary {
            color: var(--secondary-color);
        }

        .instagram-post-card { /* Renamed from .instagram-post to avoid conflict with IG embed styles */
            /* This card will now mostly serve as a container for the embed */
            display: flex; /* Helps in centering the embed if it's narrower */
            justify-content: center;
            align-items: center;
            min-height: 600px; /* Adjust as needed, embed might set its own height */
            flex-direction: column;
            justify-content: flex-start;
            align-items: stretch;
            max-height: 500px;
            overflow: hidden;
        }
        .instagram-post-card blockquote.instagram-media {
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            margin: 0 auto !important;
            padding: 0 !important;
            box-sizing: border-box;
        }
        .instagram-post-card blockquote.instagram-media > div[style*="padding"] {
            padding: 0 !important;
        }
        .instagram-post-card blockquote.instagram-media a {
            width: 100% !important;
            display: block !important;
        }
        .instagram-post-card .instagram-media {
            min-width: 0 !important;
            max-width: 100% !important;
        }

        .google-form-placeholder .icon-primary {
             color: var(--primary-color);
        }
        .footer-bg {
            background-color: #111827;
        }
        .footer-text-logo {
            color: var(--bg-white);
        }
        .section-bg-offset {
            background-color: #F9FAFB;
            border-radius: 0.75rem;
            padding-top: 0.1px; /* Fixes margin collapse issues sometimes */
            padding-bottom: 0.1px;
        }
        .contact-form-bg {
             background-color: var(--bg-white);
        }
        .about-us-content p {
            margin-bottom: 1rem; /* Space between paragraphs */
            line-height: 1.8; /* Improved readability */
            color: var(--text-secondary);
        }
        .about-us-content strong {
            color: var(--text-primary);
        }

        /* Footer logo styles */
.footer-logo {
    height: 40px;
    width: auto;
    object-fit: contain;
    max-width: 100%;
}

@media (max-width: 767px) {
    .footer-logo {
        height: 32px;
    }
}

        @media (max-width: 767px) {
            nav .logo-img {
                height: 48px;
            }
            #desktopNavLinks {
                display: none !important;
            }
            #mobileMenuBtn {
                display: flex !important;
            }
            .instagram-carousel-container {
                padding: 0 10px;
            }
            .instagram-carousel {
                gap: 1rem;
            }
            .instagram-post-card {
                flex: 0 0 100%;
                min-width: 100%;
                max-width: 100%;
            }
        }
        @media (min-width: 768px) {
            #mobileMenuBtn, #mobileNavMenu {
                display: none !important;
            }
            #desktopNavLinks {
                display: flex !important;
            }
        }
        #mobileNavMenu {
            transition: transform 0.3s, opacity 0.3s;
        }
        #mobileNavMenu.translate-y-0 {
            transform: translateY(0);
            opacity: 1;
            pointer-events: auto;
        }
        #mobileNavMenu.-translate-y-full {
            transform: translateY(-100%);
            opacity: 0;
            pointer-events: none;
        }

        .instagram-carousel-container {
            position: relative;
            width: 100%;
            overflow: hidden;
            padding: 0 1.5rem;
        }

        .instagram-carousel {
            display: flex;
            gap: 1.5rem;
            transition: transform 0.3s ease-in-out;
        }

        .instagram-post-card {
            flex: 0 0 calc(25% - 1.125rem);
            min-width: calc(25% - 1.125rem);
            overflow: hidden;
            border-radius: 8px;
        }

        /* Mobile specific styles */
        @media (max-width: 767px) {
            .instagram-carousel-container {
                padding: 0 1rem;
            }
            
            .instagram-carousel {
                gap: 1rem;
            }
            
            .instagram-post-card {
                flex: 0 0 100%;
                min-width: 100%;
                max-width: 100%;
            }
            
            .instagram-post-card .instagram-media {
                min-width: 100% !important;
                width: 100% !important;
                margin: 0 !important;
            }
            
            .instagram-media iframe {
                min-width: 100% !important;
                width: 100% !important;
                margin: 0 !important;
            }
        }

        .carousel-button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: var(--primary-color);
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10;
            box-shadow: 0 4px 6px rgba(0,0,0,0.2);
            transition: all 0.3s ease;
        }

        .carousel-button:hover {
            background-color: var(--primary-hover-color);
            box-shadow: 0 6px 10px rgba(0,0,0,0.3);
        }

        .carousel-button i {
            color: white;
        }

        .carousel-button.prev {
            left: 0;
        }

        .carousel-button.next {
            right: 0;
        }
        @media (max-width: 767px) {
            .responsive-iframe-container iframe {
                width: 100%;
                height: 800px; /* Adjust as needed */
            }
        }
        .google-map-container {
            max-height: 200px !important;
            overflow: hidden;
        }
/* Sticky marquee bar */
.sticky-marquee {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #F97316;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 0;
  z-index: 9999;
  overflow: hidden;
  white-space: nowrap;
}

/* The inner scrolling wrapper */
.sticky-marquee .marquee-content {
  display: inline-block;
  padding-left: 100%;
  animation: scroll-left 200s linear infinite; /* slower speed */
}

/* Duplicate content for seamless scroll */
.sticky-marquee .marquee-content span {
  display: inline-block;
  padding-right: 100%;
}

/* Links */
.sticky-marquee a {
  color: #fff;
  text-decoration: none;
  margin: 0 40px;
}

.sticky-marquee a:hover {
  text-decoration: underline;
}

/* Keyframes for smooth left scroll */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
		 @media (max-width: 767px) {
            .hero-content a#callNowButton {
                @apply flex items-center justify-center space-x-2;
                /* Additional styling can be added here */
       }
}
        @keyframes glow-effect {
            0% {
                text-shadow: 0 0 12px rgba(255,255,255,0.85), 0 2px 8px rgba(0,0,0,0.75);
            }
            50% {
                text-shadow: 0 0 12px rgba(249, 115, 22, 0.85), 0 2px 8px rgba(0,0,0,0.75);
            }
            100% {
                text-shadow: 0 0 12px rgba(255,255,255,0.85), 0 2px 8px rgba(0,0,0,0.75);
            }
        }
        .responsive-iframe-container {
            position: relative;
            overflow: hidden;
        }
        .responsive-iframe-container {
            min-height: 1400px;
        }

        .responsive-iframe-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }
        .scrolling-text-container-bottom {
            background-color: var(--primary-color);
            color: white;
            padding: 0.5rem 0;
            overflow: hidden;
            white-space: nowrap;
            position: fixed;
            bottom: 0;
            width: 100%;
            z-index: 1000;
            box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        }

        .scrolling-text-bottom {
            display: inline-block;
            padding-left: 100%;
            animation: scroll-left-bottom 30s linear infinite;
        }

        .scrolling-text-bottom a {
            color: white;
            text-decoration: none;
            margin-right: 1.5rem;
            font-weight: 500;
            transition: color 0.3s ease;
        }

        .scrolling-text-bottom a:hover {
            color: var(--secondary-color);
            text-decoration: underline;
        }

        @keyframes scroll-left-bottom {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-100%);
            }
        }
		 .hero-overlay {
            position: absolute;
            top: 70px;
            left: 0;
            width: 100%;
            height: calc(100% - 70px);
            background: rgba(0,0,0,0.5);
            z-index: 1;
            pointer-events: none;
        }
        .hero-content {
            position: relative;
            z-index: 2;
        }
        .hero-title {
            color: #fff !important;
            text-shadow: 0 0 16px rgba(255,255,255,0.9), 0 4px 12px rgba(0,0,0,0.8);
            letter-spacing: 0.01em;
            padding: 0.5rem 1rem;
            animation: glow-effect 5s infinite alternate;
        }
        .hero-subtitle, .hero-desc {
            color: #fff !important;
            text-shadow: 0 0 14px rgba(255,255,255,0.9), 0 3px 10px rgba(0,0,0,0.7);
            padding: 0.25rem 0.5rem;
            animation: glow-effect 5s infinite alternate;
        }
        .hero-content {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
        @media (max-width: 767px) {
            .hero-title {
                font-size: 2.2rem !important;
                padding: 0.25rem 0.5rem;
            }
            .hero-subtitle {
                font-size: 1.1rem !important;
            }
            .hero-desc {
                font-size: 1rem !important;
            }
        }
		 /* Show Call Now button only on mobile, hide on desktop */
        #callNowBtn {
            display: flex !important;
            align-items: center;
            margin-right: 0;
            margin-left: 0.5rem;
            box-shadow: 0 1px 3px 0 rgba(33, 150, 243, 0.10), 0 0.5px 1.5px 0 rgba(76, 175, 80, 0.06);
            border: 1px solid #fff;
            background: linear-gradient(90deg, #64b5f6 0%, #4dd0e1 60%, #81c784 100%);
            /* Softer Material blue to teal to green */
            transition: transform 0.13s, box-shadow 0.13s;
            z-index: 50;
            animation: callnow-pulse 2s infinite alternate;
        }
        #callNowBtn .fa-phone-alt {
            color: #fff;
            filter: drop-shadow(0 0.5px 1px rgba(0,0,0,0.10));
        }
        #callNowBtn:hover, #callNowBtn:focus {
            transform: scale(1.03);
            box-shadow: 0 0 4px 1px #ff9800, 0 0 8px 2px #ff3d7f;
            animation: callnow-pulse 0.7s;
        }
        @media (min-width: 768px) {
            #callNowBtn {
                display: none !important;
            }
        }
        @keyframes callnow-pulse {
            0% { box-shadow: 0 0 0 0 #64b5f6, 0 0 0 0 #4dd0e1; }
            70% { box-shadow: 0 0 3px 0.5px #64b5f6, 0 0 6px 1.2px #4dd0e1; }
            100% { box-shadow: 0 0 0 0 #64b5f6, 0 0 0 0 #4dd0e1; }
        }
		/* Responsive adjustment for contact-card on mobile */
@media (max-width: 767px) {
    .contact-card {
        max-width: 98vw !important;
        min-width: 0 !important;
        width: 98vw !important;
    }
    .contact-link {
        font-size: 1.4rem !important;
        gap: 0.7rem !important;
    }
    .contact-link i {
        font-size: 1.7rem !important;
    }
}
    .contact-card {
        background: var(--bg-white, #fff);
        box-shadow: 0 4px 24px rgba(0,0,0,0.07);
        padding: 2rem 1rem;
        border-radius: 1rem;
        width: 95%;
        max-width: 420px;
        margin: 0 auto;
    }
    .contact-link {
        font-size: clamp(1.1rem, 4vw, 1.7rem);
        font-weight: 700;
        text-decoration: none;
        color: var(--primary-color, #2563eb);
        transition: color 0.2s;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        word-break: break-all;
    }
    .contact-link:hover {
        color: var(--primary-hover, #1d4ed8);
    }
    .contact-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--primary-color, #2563eb);
        color: var(--bg-white, #fff);
        font-size: clamp(0.9rem, 4vw, 1.3rem);
        border-radius: 50%;
        box-shadow: 0 2px 8px rgba(37,99,235,0.08);
        width: 1.8em;
        height: 1.8em;
        min-width: 1.8em;
        min-height: 1.8em;
    }
    @media (max-width: 600px) {
        .contact-card {
            padding: 0.7rem 0.2rem;
            gap: 0.5rem;
            max-width: 100vw;
            width: 100vw;
        }
        .contact-link {
            font-size: 1rem !important;
            gap: 0.5rem !important;
            font-weight: 700;
            flex-wrap: wrap !important;
            word-break: break-word !important;
            white-space: normal !important;
            padding: 0.4rem 0.2rem;
            width: 100%;
            min-width: 0;
            box-sizing: border-box;
        }
        .contact-icon {
            font-size: 1.1rem !important;
            width: 1.7em !important;
            height: 1.7em !important;
            min-width: 1.7em !important;
            min-height: 1.7em !important;
            padding: 0.5em !important;
        }
    }
    @media (max-width: 767px) {
        .contact-card {
            width: 100vw !important;
            max-width: 100vw !important;
            min-width: 0 !important;
            overflow-x: auto !important;
            box-sizing: border-box !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            gap: 0.5rem !important;
        }
        .contact-link {
            font-size: 1rem !important;
            gap: 0.5rem !important;
            white-space: normal !important;
            flex-wrap: wrap !important;
            box-sizing: border-box !important;
            padding-left: 0.2rem !important;
            padding-right: 0.2rem !important;
            word-break: break-word !important;
            width: 100%;
            min-width: 0;
        }
        .contact-icon {
            font-size: 1.1rem !important;
            width: 1.7em !important;
            height: 1.7em !important;
            min-width: 1.7em !important;
            min-height: 1.7em !important;
            padding: 0.5em !important;
        }
    }
/* Enhanced Contact Icons - Orange Theme */
.contact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #ff9800 0%, #ffb74d 100%);
    box-shadow: 0 4px 16px rgba(255, 152, 0, 0.12);
    color: #fff !important;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
}
.contact-link:hover .contact-icon {
    transform: scale(1.08) rotate(-6deg);
    box-shadow: 0 8px 24px rgba(255, 152, 0, 0.18);
    background: linear-gradient(135deg, #f57c00 0%, #ffe0b2 100%);
}
.contact-icon .material-icons {
    color: #fff !important;
    font-size: 32px !important;
}
/* Make contact text black */
.contact-link,
.contact-link:visited,
.contact-link:active {
    color: #111 !important;
}
.contact-link .material-icons {
    color: #fff !important;
}
.contact-address {
    color: #111 !important;
}