.elementor-257 .elementor-element.elementor-element-1495fac:not(.elementor-motion-effects-element-type-background), .elementor-257 .elementor-element.elementor-element-1495fac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rankflux.org/wp-content/uploads/2026/02/images.jpg");}.elementor-257 .elementor-element.elementor-element-1495fac > .elementor-container{min-height:264px;}.elementor-257 .elementor-element.elementor-element-1495fac{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-257 .elementor-element.elementor-element-1495fac > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-257 .elementor-element.elementor-element-8d3722f{width:var( --container-widget-width, 99.905% );max-width:99.905%;--container-widget-width:99.905%;--container-widget-flex-grow:0;text-align:center;}.elementor-257 .elementor-element.elementor-element-8d3722f .elementor-heading-title{font-weight:600;color:#000000;}.elementor-257 .elementor-element.elementor-element-43e09ca{text-align:center;}.elementor-257 .elementor-element.elementor-element-43e09ca .elementor-heading-title{font-size:36px;font-weight:600;color:#020202;}.elementor-257 .elementor-element.elementor-element-54dea0c{text-align:center;}.elementor-257 .elementor-element.elementor-element-54dea0c .elementor-heading-title{font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-257 .elementor-element.elementor-element-ba05697{width:var( --container-widget-width, 100.759% );max-width:100.759%;--container-widget-width:100.759%;--container-widget-flex-grow:0;text-align:center;font-weight:500;color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-dbcbcf6 */<style>
    /* --- LUXURY 3D STYLE (MOBILE OPTIMIZED) --- */

    /* 1. Main Container */
    .rf-wrapper {
        position: relative;
        width: 100%;
        overflow: hidden; /* Zaroori: Mobile par shadow bahar nahi niklegi */
        padding: 80px 20px;
        display: block;
        font-family: 'Poppins', sans-serif;
        box-sizing: border-box;
    }

    /* 2. BACKGROUND IMAGE LAYER */
    .rf-bg-layer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; 
        z-index: 0; 
    }

    .rf-bg-layer img {
        width: 100%;
        height: 100%;
        object-fit: cover; 
        object-position: center;
        filter: brightness(0.9); /* Thoda dark taake white cards pop karein */
    }

    /* 3. Content Layer */
    .rf-content {
        position: relative;
        z-index: 2; 
        max-width: 1200px;
        margin: 0 auto;
    }

    /* --- LUXURY HEADING --- */
    .rf-header {
        text-align: center;
        margin-bottom: 60px;
        width: 100%;
        padding: 0 10px; /* Mobile par kinare se gap */
    }

    .rf-header h2 {
        font-size: 42px;
        font-weight: 800;
        color: #1a202c;
        margin-bottom: 20px;
        text-shadow: 0 4px 10px rgba(0,0,0,0.15);
        letter-spacing: -1px;
        line-height: 1.2;
    }

    .rf-header p {
        font-size: 18px;
        color: #4a5568;
        max-width: 750px;
        margin: 0 auto;
        line-height: 1.7;
        font-weight: 500;
    }

    /* --- GRID & CARDS --- */
    .rf-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }

    .rf-card {
        /* Desktop Default Style */
        background: rgba(255, 255, 255, 0.75);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(255, 255, 255, 0.6);
        box-shadow: 
            0 10px 30px -5px rgba(0, 0, 0, 0.1),
            0 20px 60px -10px rgba(50, 50, 93, 0.15),
            inset 0 0 20px rgba(255, 255, 255, 0.5);
            
        border-radius: 24px;
        padding: 45px 35px;
        flex: 0 0 31%; 
        max-width: 31%;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        text-align: left;
        position: relative;
        overflow: hidden;
    }

    /* Desktop Hover Only */
    @media (min-width: 1025px) {
        .rf-card:hover {
            transform: translateY(-15px) scale(1.02);
            border-color: rgba(255, 255, 255, 0.9);
            box-shadow: 
                0 20px 40px -5px rgba(0, 0, 0, 0.2),
                0 30px 70px -10px rgba(50, 50, 93, 0.25),
                inset 0 0 30px rgba(255, 255, 255, 0.8);
            background: rgba(255, 255, 255, 0.85);
        }
    }

    /* Icon Styling */
    .rf-icon-box {
        width: 80px;
        height: 80px;
        margin-bottom: 30px;
        filter: drop-shadow(0 10px 15px rgba(52, 152, 219, 0.2));
    }
    .rf-icon-box img {
        width: 100%;
        height: auto;
    }

    /* Typography */
    .rf-card h3 {
        font-size: 22px;
        font-weight: 700;
        color: #1a202c;
        margin-bottom: 15px;
        letter-spacing: -0.5px;
    }
    .rf-card p {
        font-size: 15px;
        color: #4a5568;
        line-height: 1.8;
        margin: 0;
    }

    /* --- MOBILE & TABLET FIXES (Important Part) --- */
    
    /* Tablet (iPad etc.) */
    @media (max-width: 1024px) {
        .rf-card { 
            flex: 0 0 46%; 
            max-width: 46%; 
        }
    }

    /* Mobile (Phones) */
    @media (max-width: 768px) {
        /* Container Spacing Kam ki */
        .rf-wrapper { padding: 50px 15px; }
        
        .rf-header h2 { font-size: 28px; margin-bottom: 15px; }
        .rf-header p { font-size: 15px; }

        /* Card Full Width */
        .rf-card { 
            flex: 0 0 100%; 
            max-width: 100%; 
            margin-bottom: 10px;
            
            /* Mobile par blur effect kam aur safedi zyada (Readability) */
            background: rgba(255, 255, 255, 0.92); 
            backdrop-filter: none; /* Mobile processor bachane ke liye blur off */
            padding: 30px 25px;
            
            /* Mobile par shadow halki taake screen wide na ho */
            box-shadow: 0 10px 20px rgba(0,0,0,0.08);
            transform: none !important; /* Mobile par hover animation off */
        }
        
        .rf-icon-box { width: 60px; height: 60px; margin-bottom: 20px; }
        .rf-card h3 { font-size: 20px; }
    }
    /* --- STYLE END --- */
</style>

<div class="rf-wrapper">

    <div class="rf-bg-layer">
        <img src="https://rankflux.org/wp-content/uploads/2026/02/unnamed.jpg" alt="Background">
    </div>

    <div class="rf-content">
        
        <div class="rf-header">
            <h2>Our Digital Marketing Services At Your Fingertips</h2>
            <p>At <strong>RankFlux.org</strong>, we offer digital marketing services to help your business grow online. From SEO to social media, we deliver results-driven strategies.</p>
        </div>

        <div class="rf-grid">
            <div class="rf-card">
                <div class="rf-icon-box"><img src="https://cdn-icons-png.flaticon.com/512/2721/2721291.png"></div>
                <h3>Search Engine Optimization (SEO)</h3>
                <p><strong>RankFlux.org</strong> enhances your online visibility with advanced SEO strategies. We optimize your site structure and content to ensure you rank higher.</p>
            </div>

            <div class="rf-card">
                <div class="rf-icon-box"><img src="https://cdn-icons-png.flaticon.com/512/3281/3281329.png"></div>
                <h3>Pay Per Click (PPC)</h3>
                <p>Maximize your ROI with <strong>RankFlux.org</strong>'s data-driven paid advertising campaigns. We ensure every click counts towards growing your revenue.</p>
            </div>

            <div class="rf-card">
                <div class="rf-icon-box"><img src="https://cdn-icons-png.flaticon.com/512/2888/2888407.png"></div>
                <h3>Web Design & Development</h3>
                <p><strong>RankFlux.org</strong> builds stunning, mobile-responsive websites tailored to your brand. We focus on user experience and speed.</p>
            </div>

            <div class="rf-card">
                <div class="rf-icon-box"><img src="https://cdn-icons-png.flaticon.com/512/9079/9079287.png"></div>
                <h3>Landing Page Optimization</h3>
                <p>Convert visitors into customers with high-converting landing pages designed by <strong>RankFlux.org</strong>. We focus on clear CTAs and persuasive layouts.</p>
            </div>

            <div class="rf-card">
                <div class="rf-icon-box"><img src="https://cdn-icons-png.flaticon.com/512/3062/3062634.png"></div>
                <h3>Email Marketing</h3>
                <p><strong>RankFlux.org</strong> helps you nurture leads with personalized automated email campaigns. Keep your audience connected and ready to buy.</p>
            </div>

            <div class="rf-card">
                <div class="rf-icon-box"><img src="https://cdn-icons-png.flaticon.com/512/2920/2920323.png"></div>
                <h3>Analytics & Reporting</h3>
                <p>Gain actionable insights with precise tracking from <strong>RankFlux.org</strong>. We set up GA4 and Pixels to ensure decisions are backed by data.</p>
            </div>

            <div class="rf-card">
                <div class="rf-icon-box"><img src="https://cdn-icons-png.flaticon.com/512/1968/1968666.png"></div>
                <h3>Social Media Marketing</h3>
                <p>Elevate your brand presence with <strong>RankFlux.org</strong>'s advanced social media strategies. We create viral content and manage communities.</p>
            </div>
        </div>
    </div>
</div>/* End custom CSS */