/* 1. Main Wrapper Styling */
#ilove-style-wrapper {
    font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
    background-color: #fcf9f9; /* बहुत हल्का बैकग्राउंड (Warm White) */
    padding: 40px 20px;
    max-width: 1320px;
    margin: 0 auto;
}

/* 2. Hero Section (Big Heading) */
.ilove-hero {
    text-align: center;
    margin-bottom: 50px;
    padding: 20px 0;
}
.ilove-hero h1 {
    font-size: 42px;
    color: #333;
    font-weight: 800;
    margin-bottom: 15px;
    line-height: 1.2;
}
.ilove-hero p {
    font-size: 18px;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

/* 3. Grid System (4 Columns like iLovePDF) */
.ilove-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 कार्ड्स एक लाइन में */
    gap: 25px;
}

/* 4. Card Design */
.ilove-card {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1px solid #e6e6e6;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* सबकुछ Left Align */
    height: 100%;
    box-sizing: border-box;
}

/* Hover Effect (Slightly lift up) */
.ilove-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
    border-color: transparent;
}

/* 5. Icons Styling (Colored Squares) */
.ilove-icon {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px; /* Rounded corners */
    font-size: 24px;
    color: white;
    margin-bottom: 20px;
}

/* Specific Colors for Icons */
.icon-resume   { background-color: #ff5252; } /* Red */
.icon-bio      { background-color: #e91e63; } /* Pink */
.icon-compress { background-color: #4caf50; } /* Green */
.icon-age      { background-color: #ff9800; } /* Orange */
.icon-pdf      { background-color: #f44336; } /* Red */
.icon-merge    { background-color: #2196f3; } /* Blue */
.icon-unlock   { background-color: #607d8b; } /* Grey */
.icon-typing   { background-color: #9c27b0; } /* Purple */

/* 6. Typography inside Card */
.ilove-card h3 {
    font-size: 20px;
    color: #333;
    margin: 0 0 10px 0;
    font-weight: 700;
}

.ilove-card p {
    font-size: 14px;
    color: #777;
    margin: 0;
    line-height: 1.5;
}

/* 7. Responsive Design (Mobile Fixes) */

/* Tablet (2 Columns) */
@media (max-width: 1024px) {
    .ilove-grid { grid-template-columns: repeat(2, 1fr); }
    .ilove-hero h1 { font-size: 32px; }
}

/* Mobile (1 Column) */
@media (max-width: 600px) {
    .ilove-grid { grid-template-columns: 1fr; }
    #ilove-style-wrapper { padding: 20px 15px; }
    .ilove-hero h1 { font-size: 28px; }
    .ilove-hero p { font-size: 15px; }
}
.std-header {
    font-family: 'Segoe UI', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #444; /* Dark Gray text */
    margin-bottom: 20px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.std-header i {
    color: #666; /* Icon color */
    font-size: 22px;
}


/* Mobile Responsive */
@media (max-width: 600px) {
    .sarkari-header-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .head-tag {
        font-size: 11px;
        background: rgba(255,255,255,0.2);
        color: white;
    }
}

/* PDF to JPG (Existing) */
.icon-pdf-img { background: blue; color: #ffffff; }

/* JPG to PDF (New - Red/Dark Theme) */
.icon-img-pdf { background: #e52525; color: #ffffff; } /* Teal Color */

/* Merge PDF (Existing - Purple Theme) */
.icon-merge { background: #9400a9; color: #ffffff; }