/*
================================================================================
CYBERFRAME LANDING PAGES - COMMON CSS
================================================================================
This file contains common styles for all landing pages:
1. Web Development Company in Ludhiana
2. Web Designing Company in Ludhiana
3. Mobile App Development in Ludhiana

Note: Hero section styles are in separate file: css/hero-section.css
Last Updated: 2025
================================================================================
*/

/* ============================================================================
   TABLE OF CONTENTS
   ============================================================================
   1. GLOBAL STYLES & RESETS
   2. COMMON COMPONENTS & ANIMATIONS
   3. STATISTICS / STATS BAR SECTION
   4. SERVICES SECTION
   5. FEATURES & SPECIALITIES SECTION
   6. TESTIMONIALS SECTION
   7. CONTACT & CTA SECTION
   8. FAQ SECTION
   9. RESPONSIVE STYLES
   10. MOBILE APP DEVELOPMENT PAGE - SPECIFIC STYLES
   ============================================================================ */


/* ============================================================================
   1. GLOBAL STYLES & RESETS
   ============================================================================ */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #333;
    line-height: 1.6;
    overflow-x: hidden;
}

/* Font Awesome Icon Fix for Mobile Menu */
.icon {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}


/* ============================================================================
   2. COMMON COMPONENTS - ANIMATIONS
   ============================================================================ */

@keyframes float {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-30px) rotate(5deg);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes floatUpDown {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

/* Section Headers */
.section-header {
    margin-bottom: 50px;
}

.section-title-new {
    font-size: 42px;
    font-weight: 800;
    color: #1a1a2e;
    margin-bottom: 15px;
    line-height: 1.2;
}

.section-title-new span {
    color: #ed1c24;
}

.section-subtitle-new {
    font-size: 18px;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.8;
}

.text-center {
    text-align: center;
}


/* ============================================================================
   END OF LANDING PAGES COMMON CSS
   ============================================================================
   For page-specific styles, see individual sections below
   ============================================================================ */