.elementor-920 .elementor-element.elementor-element-626c6d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-920 .elementor-element.elementor-element-1c18536{--display:flex;}.elementor-920 .elementor-element.elementor-element-8de150a{--display:flex;}/* Start custom CSS */.challenge-box {
            background: #fff3cd;
            border-left: 4px solid #ffc107;
            padding: 20px;
            margin: 20px 0;
            border-radius: 4px;
        }
        
        .solution-box {
            background: #d4edda;
            border-left: 4px solid #28a745;
            padding: 20px;
            margin: 20px 0;
            border-radius: 4px;
        }
        
        .highlight-box {
            background: #e3f2fd;
            border: 1px solid #2196f3;
            border-radius: 6px;
            padding: 20px;
            margin: 20px 0;
        }
        
        .highlight-box h4 {
            color: #1976d2;
            margin-top: 0;
            margin-bottom: 10px;
        }
        
        pre {
            background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 6px;
            padding: 20px;
            overflow-x: auto;
            font-size: 0.9em;
            line-height: 1.4;
        }
        
        code {
            background: #f8f9fa;
            padding: 2px 6px;
            border-radius: 3px;
            font-family: 'Monaco', 'Courier New', monospace;
            font-size: 0.9em;
        }
        
        pre code {
            background: none;
            padding: 0;
        }
        
        ul, ol {
            padding-left: 25px;
        }
        
        li {
            margin-bottom: 8px;
        }
        
        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            margin: 25px 0;
        }
        
        .feature-card {
            background: #f8f9fa;
            padding: 20px;
            border-radius: 6px;
            border-left: 4px solid #3498db;
        }
        
        .feature-card h4 {
            margin-top: 0;
            color: #2c3e50;
            font-size: 1.1em;
        }
        
        .benefits-list {
            list-style: none;
            padding: 0;
        }
        
        .benefits-list li {
            padding: 8px 0;
            padding-left: 25px;
            position: relative;
        }
        
        .benefits-list li:before {
            content: "✓";
            color: #28a745;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        
        .workflow-steps {
            counter-reset: step-counter;
            list-style: none;
            padding: 0;
        }
        
        .workflow-steps li {
            counter-increment: step-counter;
            background: #f8f9fa;
            padding: 20px;
            margin: 15px 0;
            border-radius: 6px;
            border-left: 4px solid #3498db;
            position: relative;
            padding-left: 60px;
        }
        
        .workflow-steps li:before {
            content: counter(step-counter);
            background: #3498db;
            color: white;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            left: 15px;
            top: 20px;
            font-weight: bold;
            font-size: 0.9em;
        }
        
        a {
            color: #3498db;
            text-decoration: none;
        }
        
        a:hover {
            color: #2980b9;
            text-decoration: underline;
        }
        
        a[target="_blank"]::after {
            content: " ↗";
            font-size: 0.8em;
            opacity: 0.7;
        }
        
        hr {
            border: none;
            border-top: 1px solid #eee;
            margin: 40px 0;
        }
        
        .tech-stack {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin: 20px 0;
        }
        
        .tech-tag {
            background: #e9ecef;
            padding: 6px 12px;
            border-radius: 15px;
            font-size: 0.85em;
            color: #495057;
        }
        h1.intro-title {
    display: none;
}
.intro-meta {
    display: none;
}/* End custom CSS */