body {
            font-family: 'Syne', sans-serif;
            background-color: #F8F8F8; /* Main page background */
            color: #2C2C2C; /* Primary text color */
            line-height: 1.6;
            scroll-behavior: smooth;
            overflow-x: hidden; /* Ensure no horizontal scroll for the entire page */
        }
        h1, h2, h3, h4 {
            font-family: 'Syne', sans-serif;
            font-weight: 700;
            color: #2C2C2C; /* Heading text color */
        }
        h1 { font-weight: 800; }

        .section-padding {
            padding: 80px 0;
        }

        /* Hero Section Specific Styles */
        .hero-section {
            background: linear-gradient(135deg, #FF6600, #FF3300); /* Orange gradient */
            color: white;
            padding: 120px 0 100px;
            text-align: center;
            border-bottom-left-radius: 50px;
            border-bottom-right-radius: 50px;
            box-shadow: 0 10px 30px rgba(255, 102, 0, 0.3);
            position: relative; /* For geometric background effect */
            overflow: hidden; /* Ensure pattern stays within bounds */
        }
        /* Geometric pattern overlay for hero section */
        .hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                radial-gradient(circle at 10% 20%, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 30%),
                radial-gradient(circle at 90% 80%, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 40%);
            background-size: 80px 80px; /* Adjust pattern density */
            z-index: 0;
        }
        .hero-content-wrapper {
            position: relative; /* Position content above overlay */
            z-index: 1;
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
            padding: 0 20px;
        }

        .hero-title {
            font-size: 3.5rem;
            line-height: 1.2;
            margin-bottom: 1.5rem;
            text-shadow: 2px 2px 5px rgba(0,0,0,0.2);
        }
        .hero-subtitle {
            font-size: 1.5rem;
            color: rgba(255, 255, 255, 0.9);
            margin-bottom: 2.5rem;
            font-weight: 500;
        }
        .hero-cta-button {
            background-color: #FFFFFF;
            color: #FF6600;
            padding: 1rem 2.5rem;
            border-radius: 9999px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            transition: all 0.3s ease-in-out;
            box-shadow: 0 8px 20px rgba(0,0,0,0.1);
            display: inline-block;
        }
        .hero-cta-button:hover {
            transform: translateY(-5px) scale(1.02);
            box-shadow: 0 12px 25px rgba(0,0,0,0.15);
        }
        .just-dial-rating {
            font-size: 1.15rem;
            font-weight: 600;
            color: white;
            margin-top: 1.5rem;
            margin-bottom: 2.5rem;
        }
        .just-dial-rating strong {
            color: #FFFAEC;
        }

        /* Generic shared styling for icons/text within sections */
        .section-title { /* Common H2 style */
            font-size: 2.5rem;
            font-weight: 800;
            text-align: center;
            margin-bottom: 1.5rem;
            color: #2C2C2C;
            text-wrap: balance; /* Helps with better line breaking for titles */
            padding: 0 1rem; /* Default padding for titles */
        }
        .section-description { /* Common introductory paragraph */
            font-size: 1.15rem;
            color: #6B6B6B;
            text-align: center;
            max-width: 800px;
            margin: 0 auto 3rem;
            line-height: 1.8;
        }
        .item-icon-circle { /* Common circular icon wrapper style */
            background-color: #FFF5EE;
            border-radius: 50%;
            width: 80px;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 3rem;
            color: #FF6600;
            box-shadow: inset 0 2px 5px rgba(0,0,0,0.05);
            transition: all 0.3s ease-in-out;
        }
        .item-icon { /* Just the icon inside the wrapper */
            font-size: 3rem;
            line-height: 1;
            color: #FF6600; /* Ensure icon color is orange */
            transition: transform 0.3s ease-in-out;
        }
        .item-title { /* Common card/item title */
            font-size: 1.5rem;
            font-weight: 600;
            color: #2C2C2C;
            margin-bottom: 0.5rem;
        }
        .item-description { /* Common card/item description */
            font-size: 0.95rem;
            color: #6B6B6B;
            overflow-wrap: break-word;
            word-break: break-word;
            line-height: 1.6;
        }
        .content-block-base { /* Basic background/shadow for content cards */
            background-color: #FFFFFF;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            border: 1px solid #E0E0E0;
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;
        }


        /* Why Pengwin Excels Section (NEW LAYOUT) */
        #why-pengwin-excels .section-container {
            position: relative; /* For z-index of overlapping cards */
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Adaptive grid */
            gap: 2rem;
            margin-top: 3rem;
        }
        .why-excel-card {
            background: linear-gradient(145deg, #FDFDFD, #FFFFFF); /* Subtle gradient for card background */
            padding: 2.5rem;
            border-radius: 20px;
            box-shadow: 0 8px 30px rgba(0,0,0,0.08);
            border: 1px solid #E0E0E0;
            position: relative;
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            cursor: pointer;
            text-align: center;
            z-index: 1;
        }
        .why-excel-card:hover {
            transform: translateY(-15px) scale(1.03);
            box-shadow: 0 20px 40px rgba(0,0,0,0.2), 0 0 0 5px rgba(255, 102, 0, 0.4);
            border-color: #FF6600;
            z-index: 2; /* Bring hovered card to front */
        }
        .why-excel-card .item-icon { /* Larger icon for this section */
            font-size: 4rem;
            color: #FF6600;
            margin-bottom: 1.5rem;
        }
        .why-excel-card .item-title {
            font-size: 1.8rem;
            margin-bottom: 1rem;
        }

        /* Our iOS Expertise Section (NEW UI: Circular Badges) */
        #ios-expertise .section-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 2.5rem;
            justify-content: center;
            margin-top: 3rem;
            background-color: #FDFDFD;
            padding: 3rem 2rem;
            border-radius: 20px;
            box-shadow: 0 8px 30px rgba(0,0,0,0.08);
        }
        .ios-expertise-badge {
            background-color: #FFFFFF;
            border-radius: 50%; /* Make it truly circular */
            width: 180px;
            height: 180px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            cursor: pointer;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            border: 2px solid #E0E0E0;
            transition: all 0.3s ease-in-out;
            position: relative; /* For internal icon pop */
            overflow: hidden; /* Hide overflowing part of desc on start */
            box-sizing: border-box; /* Crucial for padding to work with fixed width/height */
            padding: 1.25rem; /* Increased padding to give more room for text */
        }
        .ios-expertise-badge:hover {
            transform: translateY(-10px) scale(1.08);
            box-shadow: 0 10px 30px rgba(255, 102, 0, 0.2);
            border-color: #FF6600;
        }
        .ios-expertise-badge .item-icon {
            font-size: 4rem;
            color: #FF6600;
            margin-bottom: 0.5rem;
            line-height: 1; /* Ensure icon itself fits well */
        }
        .ios-expertise-badge .item-title {
            font-size: 1.2rem;
            line-height: 1.3;
            /* New properties for text wrapping/truncation */
            display: -webkit-box;
            -webkit-line-clamp: 2; /* Limit to 2 lines */
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-word; /* Break long words */
            text-wrap: balance; /* Modern CSS property for better text-wrapping if supported */
        }
        .ios-expertise-badge .item-description { /* Hidden description that could appear on hover */
            position: absolute;
            bottom: -100%; /* Hide below initially */
            left: 0;
            width: 100%;
            background-color: rgba(255, 102, 0, 0.9); /* Semi-transparent orange overlay */
            color: white;
            padding: 0.5rem;
            font-size: 0.8rem;
            opacity: 0;
            transition: all 0.3s ease-in-out;
            pointer-events: none; /* Prevent interaction with hidden content */
        }
        .ios-expertise-badge:hover .item-description {
            bottom: 0;
            opacity: 1;
        }
        /* Specific panel for iOS Expertise details, explicitly for desktop */
        .ios-expertise-details-display {
            display: block; /* Shown by default on desktop */
            margin-top: 2rem; /* Spacing from grid */
        }


        /* The iOS Development Process Section (NEW UI: Grid with Animated Entries) */
        #ios-development-process .section-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
            margin-top: 3rem;
        }
        .ios-process-step-card {
            background-color: #FFFFFF;
            border-radius: 15px;
            padding: 2.5rem 2rem;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            border: 1px solid #E0E0E0;
            text-align: center;
            position: relative;
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        .ios-process-step-card:hover {
            transform: translateY(-8px) scale(1.01);
            box-shadow: 0 10px 25px rgba(255, 102, 0, 0.15);
            border-color: #FF9900;
        }
        .ios-process-step-card-number {
            font-size: 2.5rem;
            font-weight: 800;
            color: #FFDAB9; /* Very light orange, subtle */
            position: absolute;
            top: 1rem;
            right: 1rem;
            z-index: 0;
            line-height: 1;
            transition: all 0.3s ease;
        }
        .ios-process-step-card:hover .ios-process-step-card-number {
            color: #FF9900; /* Darker orange on hover */
        }
        .ios-process-step-icon-large {
            font-size: 4rem;
            color: #FF6600;
            margin-bottom: 1.5rem;
            position: relative; /* Ensure it's above number */
            z-index: 1;
        }
        .ios-process-step-title-bold {
            font-size: 1.6rem;
            font-weight: 700;
            color: #2C2C2C;
            margin-bottom: 0.75rem;
            position: relative;
            z-index: 1;
        }
        .ios-process-step-description-small {
            font-size: 0.9rem;
            color: #6B6B6B;
            position: relative;
            z-index: 1;
        }
        
        /* Our iOS Technology Stack Section (NEW UI: Accordion Style) */
        #ios-tech-stack .section-container {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            margin-top: 3rem;
        }
        .tech-accordion-item {
            background-color: #FDFDFD;
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            border: 1px solid #E0E0E0;
            overflow: hidden;
        }
        .tech-accordion-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1.5rem 2rem;
            cursor: pointer;
            font-size: 1.75rem;
            font-weight: 600;
            color: #2C2C2C;
            background-color: #FFF;
            transition: all 0.3s ease-in-out;
        }
        .tech-accordion-header:hover {
            background-color: #FFF5EE;
            color: #FF6600;
        }
        .tech-accordion-header.active {
            background-color: #FF6600;
            color: white;
        }
        .tech-accordion-header .toggle-icon {
            font-size: 1.5rem;
            transition: transform 0.3s ease;
        }
        .tech-accordion-header.active .toggle-icon {
            transform: rotate(180deg);
        }
        .tech-accordion-content {
            padding: 0 2rem 2rem; /* Pad top of this from 0 to bottom */
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease-out, padding 0.4s ease-out;
        }
        .tech-accordion-content.open {
            max-height: 500px; /* Max height to allow transition */
            padding-top: 1.5rem;
        }
        .tech-accordion-items-grid { /* Grid within accordion content */
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
            gap: 1.5rem;
        }
        .tech-accordion-sub-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 1rem;
            background-color: #F8F8F8; /* Very light grey for inner items */
            border-radius: 10px;
            border: 1px solid #DEDEDE;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
            min-height: 100px;
        }
        .tech-accordion-sub-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 3px 10px rgba(255, 102, 0, 0.1);
            border-color: #FF9900;
        }
        .tech-accordion-sub-icon {
            font-size: 2.5rem;
            color: #FF6600;
            margin-bottom: 0.5rem;
        }
        .tech-accordion-sub-label {
            font-size: 0.85rem;
            font-weight: 600;
            color: #2C2C2C;
        }
        .tech-accordion-details-display { /* Shared details panel for active sub-item */
            margin-top: 2rem;
            padding: 1.5rem;
            background-color: #FFF;
            border-radius: 10px;
            border: 1px solid #FF9900;
            box-shadow: 0 2px 10px rgba(255,102,0,0.1);
            text-align: left;
            min-height: 150px; /* Ensure space for content */
        }
        .tech-accordion-details-display h3 {
            font-size: 1.5rem;
            font-weight: 600;
            color: #2C2C2C;
            margin-bottom: 0.75rem;
        }
        .tech-accordion-details-display p {
            font-size: 0.9rem;
            color: #6B6B6B;
        }


        /* iOS Industry Solutions Section (New Design: Feature Rows) */
        #ios-industry-solutions .section-container {
            margin-top: 3rem;
            background-color: #FDFDFD;
            border-radius: 20px;
            padding: 3rem 2rem;
            box-shadow: 0 8px 30px rgba(0,0,0,0.1);
            display: grid;
            gap: 2rem;
            /* For desktop, create a staggered/overlapping effect using negative margin and z-index */
            position: relative; /* Needed for z-index of children */
        }
        .ios-industry-solution-block {
            display: flex;
            align-items: center; /* Vertical alignment */
            gap: 2rem;
            padding: 1.5rem;
            background-color: #FFFFFF;
            border-radius: 15px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
            border: 1px solid #E0E0E0;
            transition: all 0.3s ease-in-out;
            
            position: relative; /* Needed for z-index to work */
            z-index: 1; /* Default z-index */
        }

        /* Apply negative margin for overlap on desktop only */
        @media (min-width: 768px) {
            .ios-industry-solution-block:nth-child(n+2) { /* All blocks except the first */
                margin-top: -30px; /* Adjust this value for desired overlap */
                padding-top: 2.5rem; /* Increase top padding to compensate for overlap, prevent content cut */
            }
            .ios-industry-solution-block:nth-child(odd) { /* Odd blocks on top */
                z-index: 3;
            }
            .ios-industry-solution-block:nth-child(even) { /* Even blocks slightly behind */
                z-index: 2;
            }
             /* Special case for the first visible block on top */
            .ios-industry-solution-block:first-child {
                z-index: 4; /* Ensure the very first block is always on top if others overlap it */
            }
        }


        .ios-industry-solution-block:hover {
            transform: translateY(-5px) scale(1.01);
            box-shadow: 0 6px 15px rgba(255, 102, 0, 0.1);
            border-color: #FF6600;
            z-index: 5 !important; /* Bring hovered block to very front */
        }
        .ios-industry-icon-large {
            font-size: 4rem;
            color: #FF6600;
            flex-shrink: 0;
        }
        .ios-industry-text-content {
            flex-grow: 1;
        }
        .ios-industry-text-content h3 {
            font-size: 1.75rem;
            margin-bottom: 0.75rem;
            color: #2C2C2C;
        }
        .ios-industry-text-content p {
            font-size: 1rem;
            color: #6B6B6B;
        }


        /* Success Stories Section (Enhanced Carousel) */
        #ios-success-stories {
            background-color: #F8F8F8; /* Back to main bg */
        }
        .testimonial-carousel-container {
            position: relative;
            max-width: 900px;
            margin: 0 auto;
            overflow: hidden;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            background-color: #FDFDFD; /* Lighter section background for container */
            padding: 2.5rem 0;
            border: 1px solid #E0E0E0;
        }
        .testimonial-track {
            display: flex;
            transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            padding: 0 2.5rem; /* Inner padding for track */
        }
        .testimonial-item {
            flex-shrink: 0;
            width: 100%;
            padding: 1.5rem;
            text-align: center;
            background-color: white; /* Individual testimonial background */
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            border: 1px solid #DEDEDE;
            margin: 0 0.5rem; /* Space between duplicated items */
        }
        .testimonial-text {
            font-size: 1.15rem;
            font-style: italic;
            color: #2C2C2C;
            margin-bottom: 1.5rem;
            line-height: 1.8;
        }
        .testimonial-author {
            font-weight: 700;
            font-size: 1.1rem;
            color: #FF6600;
        }
        .testimonial-title-meta {
            font-size: 0.95rem;
            color: #6B6B6B;
        }
        .carousel-dots {
            display: flex;
            justify-content: center;
            margin-top: 2rem;
            z-index: 10;
            position: relative;
        }
        .dot {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background-color: #DEDEDE;
            margin: 0 10px;
            cursor: pointer;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }
        .dot.active {
            background-color: #FF6600;
            border-color: #FFF5EE;
            box-shadow: 0 0 0 4px rgba(255, 102, 0, 0.2);
        }

        /* Footer */
        .footer-cta-section { /* Renamed for clarity, distinct from hero-cta */
            background-color: #F8F8F8;
            border-top: 1px solid #E0E0E0;
        }
        .highlight-text {
            color: #FF6600;
            font-weight: 700;
        }
        .text-white {
            color: white;
        }


        /* Responsive adjustments */
        @media (max-width: 767px) {
            .hero-title {
                font-size: 2.5rem;
            }
            .hero-subtitle {
                font-size: 1.25rem;
            }
            .section-padding {
                padding: 60px 0;
            }
            /* Main section titles FIX */
            .section-title {
                font-size: 1.8rem; /* Adjusted from 2rem to 1.8rem */
                line-height: 1.2; /* Ensure good line spacing for multi-line titles */
                margin-bottom: 1rem; /* Reduce margin for tighter layout */
                padding: 0 0.5rem; /* Reduced horizontal padding for very narrow screens */
            }
            .section-description {
                font-size: 1rem;
                margin-bottom: 2rem; /* Reduce margin for tighter layout */
            }
            /* Why Pengwin Excels */
            #why-pengwin-excels .section-container {
                grid-template-columns: 1fr;
                gap: 1.5rem;
                padding: 1.5rem;
            }
            .why-excel-card {
                padding: 1.5rem;
            }
            .why-excel-card .item-icon {
                font-size: 3rem;
                margin-bottom: 1rem;
            }
            .why-excel-card .item-title {
                font-size: 1.4rem;
            }
            .why-excel-card .item-description {
                font-size: 0.9rem;
            }

            /* Our iOS Expertise */
            #ios-expertise .section-container {
                grid-template-columns: repeat(2, 1fr); /* Two columns on most phones */
                gap: 0.75rem; /* Reduced gap */
                padding: 1rem; /* Container padding */
            }
            .ios-expertise-badge {
                width: 100%; /* Make width flexible within grid */
                aspect-ratio: 1 / 1; /* Maintain aspect ratio for perfect circle */
                height: auto; /* Allow height to be determined by aspect ratio */
                border: 1px solid #E0E0E0; /* Reset border size for mobile */
                box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* Softer shadow */
                padding: 0.5rem; /* Reduced padding to maximize text space */
                border-radius: 50%; /* Ensure it stays circular as width/height are equal */
            }
            .ios-expertise-badge:hover { /* Mobile hover subtle */
                transform: translateY(-5px) scale(1.05);
                box-shadow: 0 4px 15px rgba(255, 102, 0, 0.1);
                border-color: #FF9900;
            }
            .ios-expertise-badge .item-icon {
                font-size: 2.8rem; /* Adjusted for smaller badge size */
                margin-bottom: 0.2rem; /* Reduce space further */
            }
            .ios-expertise-badge .item-title {
                font-size: 0.8rem; /* Significantly smaller for better fit */
                line-height: 1.2; /* Tighter line height for more lines */
                -webkit-line-clamp: 2; /* Still limit to 2 lines */
            }
            .ios-expertise-badge .item-description { /* Hide on mobile, as details go to panel */
                display: none;
            }

            /* For the details panel below the expertise grid on mobile */
            .ios-expertise-details-display {
                display: block !important; /* Force display on mobile */
                margin-top: 1.5rem; /* Adjust margin */
                padding: 1rem !important; /* Smaller padding */
                box-shadow: none !important; /* No shadow */
                border: 1px solid #E0E0E0 !important; /* Soft border */
                background-color: #FDFDFD !important; /* Lighter background */
            }
            .ios-expertise-details-display h3 {
                font-size: 1.2rem !important; /* Smaller title */
                margin-bottom: 0.5rem !important;
            }
            .ios-expertise-details-display p {
                font-size: 0.85rem !important; /* Smaller text */
            }

            /* Further refinement for very small mobile screens (e.g., iPhone SE) */
            @media (max-width: 480px) {
                .section-title {
                    font-size: 1.6rem; /* Even smaller for very narrow screens */
                    line-height: 1.2;
                }
                #ios-expertise .section-container {
                    gap: 0.5rem; /* Even tighter gap for more space */
                }
                .ios-expertise-badge {
                    padding: 0.4rem; /* Even more reduced padding */
                }
                .ios-expertise-badge .item-icon {
                    font-size: 2.5rem; /* Slightly smaller icon */
                }
                .ios-expertise-badge .item-title {
                    font-size: 0.7rem; /* Smallest comfortable font size */
                }
            }
            @media (max-width: 380px) { /* Adjust for extremely small phones like older iPhones, or very narrow viewports */
                .section-title {
                    font-size: 1.4rem; /* Absolute minimum for section title */
                    line-height: 1.1; /* Very tight line height */
                }
                .ios-expertise-badge {
                    /* On extremely small screens, if 2 columns is still too tight,
                        you might switch to 1 column or allow a slightly wider badge with horizontal scroll
                        or just accept a very small badge. Sticking to 2 columns as requested. */
                    height: 110px; /* Slightly reduce height to fit */
                    padding: 0.3rem; /* Maximize internal space */
                }
                .ios-expertise-badge .item-icon {
                    font-size: 2.2rem; /* Smallest icon size */
                }
                .ios-expertise-badge .item-title {
                    font-size: 0.65rem; /* Absolute minimum font size */
                    line-height: 1.1; /* Very tight line height */
                }
            }


            /* The iOS Development Process */
            #ios-development-process .section-container {
                grid-template-columns: 1fr; /* Single column on mobile */
                gap: 1.5rem;
                padding: 2rem 1.5rem;
            }
            .ios-process-step-card {
                padding: 2rem 1.5rem;
            }
            .ios-process-step-card-number {
                font-size: 1.8rem;
                top: 0.5rem;
                right: 0.5rem;
            }
            .ios-process-step-icon-large { /* Corrected from big */
                font-size: 3.5rem;
                margin-bottom: 1rem;
            }
            .ios-process-step-title-bold {
                font-size: 1.3rem;
            }
            .ios-process-step-description-small {
                font-size: 0.85rem;
            }

            /* Our iOS Technology Stack */
            .tech-accordion-item { /* No special tech-marquee class here as it's not a marquee */
                background-color: #FDFDFD; /* Consistent with desktop */
                box-shadow: 0 5px 15px rgba(0,0,0,0.05); /* Consistent with desktop */
                border: 1px solid #E0E0E0; /* Consistent with desktop */
            }
            .tech-accordion-header {
                padding: 1rem 1.5rem; /* Smaller padding */
                font-size: 1.4rem; /* Smaller font */
            }
            .tech-accordion-content.open {
                padding-top: 1rem; /* Smaller padding */
            }
            .tech-accordion-items-grid {
                grid-template-columns: repeat(2, 1fr); /* 2 columns on mobile for sub-items */
                gap: 0.75rem; /* Smaller gap */
            }
            .tech-accordion-sub-item {
                min-height: 80px; /* Smaller min-height */
                padding: 0.75rem; /* Smaller padding */
            }
            .tech-accordion-sub-icon {
                font-size: 2rem;
                margin-bottom: 0.25rem;
            }
            .tech-accordion-sub-label {
                font-size: 0.75rem;
            }
            .tech-accordion-details-display {
                margin-top: 1.5rem;
                padding: 1rem;
            }
            .tech-accordion-details-display h3 {
                font-size: 1.2rem;
            }
            .tech-accordion-details-display p {
                font-size: 0.8rem;
            }

            /* iOS Industry Solutions */
            .ios-industry-solution-block { 
                flex-direction: column; /* Stack vertically on mobile */
                align-items: center;
                text-align: center;
                padding: 1.5rem;
                gap: 1rem;
                /* Reset desktop overlap styles for mobile */
                margin-top: 0 !important; /* IMPORTANT: Remove negative margin */
                padding-top: 1.5rem !important; /* Reset padding if adjusted for overlap */
                z-index: auto !important; /* Reset z-index */
            }
            .ios-industry-icon-large { 
                margin-bottom: 0.5rem;
                font-size: 3.5rem;
            }
            .ios-industry-text-content h3 {
                font-size: 1.3rem;
            }
            .ios-industry-text-content p {
                font-size: 0.9rem;
            }

            /* Testimonials */
            .testimonial-carousel-container {
                padding: 2rem 1rem;
            }
            .testimonial-item {
                padding: 1rem;
            }
            .testimonial-text {
                font-size: 1rem;
            }
            .dot {
                width: 10px;
                height: 10px;
                margin: 0 6px;
            }
        }