/**
 * =================================================================
 * Elementor Widget: AIXploria Guide Section Styles
 * Version: 1.0.0 (Advanced Design & Responsive)
 * =================================================================
 */

/* --- Theme Color Variables (Aapke theme ke 'root' variables se match karein) --- */
:root {
    /* Yeh colors aapke theme ke main colors se replace karein */
    --ax-primary: #1877f2; /* Primary Color (used for icons/accents) */
    --ax-text-dark: #1a1a1a; /* Main Title Color */
    --ax-text-light: #595959; /* Paragraph Text Color */
    --ax-bg-light: #f9f9f9; /* Light background for icons */
    --ax-border: #e0e0e0; /* Separator line color */
    --ax-shadow-lift: 0 4px 12px rgba(0, 0, 0, 0.05); /* Subtle 3D shadow */
}

.egns-aixploria-guide-wrapper {
    padding: 60px 0;
    max-width: 1200px;
    margin: 0 auto;
    font-family: inherit;
    color: var(--ax-text-light);
    overflow: hidden; /* Clear any floating elements */
}

/* --- Header Section (Title and Separator) --- */
.egns-aixploria-header {
    text-align: center;
    margin-bottom: 50px;
    padding: 0 15px;
}

.egns-aixploria-main-title {
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 800;
    margin: 0 0 20px 0;
    color: var(--ax-text-dark);
}

.egns-aixploria-separator {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 20px auto;
    max-width: 400px;
}

.egns-aixploria-line {
    flex-grow: 1;
    height: 1px;
    background: var(--ax-border);
    opacity: 0.7;
}

.egns-aixploria-separator-icon {
    font-size: 24px;
    color: var(--ax-primary);
    padding: 0 10px;
}

/* --- Content Grid (6 Paragraphs - Two Columns) --- */
.egns-aixploria-content-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two columns desktop */
    gap: 30px;
    padding: 0 15px;
}

.egns-aixploria-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 30px;
    background: #fff;
    border-radius: 12px;
    /* Advanced 3D/Shadow Effect */
    box-shadow: var(--ax-shadow-lift);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.egns-aixploria-block:hover {
    transform: translateY(-5px); /* Subtle lift effect */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.egns-aixploria-icon-wrapper {
    font-size: 40px;
    color: var(--ax-primary);
    margin-bottom: 20px;
    /* Background for enhanced UI */
    background: var(--ax-bg-light); 
    padding: 15px;
    border-radius: 50%;
    line-height: 1;
    display: inline-flex;
}

.egns-aixploria-text-content h4 {
    font-size: 20px;
    font-weight: 700;
    color: var(--ax-text-dark);
    margin: 0 0 10px 0;
}

.egns-aixploria-text-content p {
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    color: var(--ax-text-light);
}

/* --- Mobile Responsiveness (Less than 992px) --- */
@media (max-width: 991px) {
    .egns-aixploria-content-grid {
        grid-template-columns: 1fr; /* Single column on tablets/mobiles */
        gap: 20px;
    }
}