/* Intro Section Layout Fix */
.intro-flex-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 60px 5%;
    width: 100%;
    margin-top: -110px;
    /* Image ko left aur text ko right karne ke liye */
    flex-direction: row-reverse; 
}

.intro-content {
    flex: 1;
    max-width: 700px;
}

.intro-content h1 {
    text-align: left;
    margin-bottom: 25px;
}

.intro-image {
    flex: 0.8;
    display: flex;
    justify-content: center;
}

.intro-image img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

/* Mobile responsive */
@media (max-width: 768px) {
    .intro-flex-container { 
        flex-direction: column; 
        text-align: center; 
    }
}

.excellence-section {
    padding: 80px 5%; /* Side margins balance karne ke liye */
    background: #fcfcfc;
}

.excellence-wrapper {
    max-width: 1000px;
    margin: 0 auto; /* Content ko center mein rakhne ke liye */
    text-align: center;
}

.excellence-section h2 {
    font-size: 2.5rem;
    color: #1a202c;
    margin-bottom: 20px;
}

.excellence-desc {
    color: #4a5568;
    font-size: 1.1rem;
    margin-bottom: 40px;
    line-height: 1.6;
}

/* Grid Design */
.expertise-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

.expertise-item {
    background: #ffffff;
    padding: 25px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    font-weight: 600;
    color: #2d3748;
    transition: 0.3s;
}

.expertise-item:hover {
    background: #4f46e5;
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(79, 70, 229, 0.2);
}

.excellence-footer {
    font-style: italic;
    color: #718096;
    font-size: 1rem;
}


/* Section Wrapper ko ek subtle color aur padding do */
.achievers-award-section {
    /* Soft gradient background */
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
    padding: 80px 20px;
    border-radius: 40px; /* Thoda rounded corners modern feel ke liye */
    margin: -50px 20px;   /* Page edges se thoda gap */
}

/* Grid layout waisa hi rahega */
.award-grid {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 50px;
    align-items: start;
    max-width: 1100px;
    margin: 0 auto; /* Center alignment */
}

/* Content Box Styling (White Background on the Section Background) */
.award-content {
  background: linear-gradient(135deg, #ffffff 0%, #eef7ff 40%, #dbeafe 100%);
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03); /* Halka depth effect */
}

.award-content h2 { font-size: 2rem; margin-bottom: 20px; color: #1a202c; }
.award-content p { font-size: 0.95rem; line-height: 1.7; color: #4a5568; margin-bottom: 15px; }

.points-box {
    background: #f8fafc;
    padding: 20px;
    border-radius: 12px;
    border-left: 4px solid #4f46e5;
    margin: 20px 0;
}

.points-title { font-weight: bold; color: #2d3748 !important; margin-bottom: 10px !important; }

.check-list { list-style: none; padding: 0; }
.check-list li { margin-bottom: 8px; font-size: 0.9rem; }
.check-list li::before { content: '✔'; color: #4f46e5; margin-right: 10px; font-weight: bold; }

.award-image-wrapper {
    position: sticky;
    top: 100px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.award-image-wrapper img { width: 100%; display: block; }

.award-badge {
    position: absolute;
    bottom: 15px;
    left: 15px;
    background: #4f46e5;
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
}

.prayagraj-badge {
    position: absolute;
    bottom: 15px;
    left: 15px;
    background: #4f46e5;
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
}
/* Mobile */
@media (max-width: 900px) {
    .award-grid { grid-template-columns: 1fr; }
}



/* section.Celebrating Excellence */

/* Container */
/* Container */
.prayagraj-award-section {
    background: linear-gradient(180deg, #ffffff 0%, #fdfbf7 100%);
    padding: 80px 20px;
    border-radius: 40px;
    margin: 20px 20px;
}

/* Grid layout - Image Left, Text Right */
.prayagraj-grid-reverse {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 50px;
    align-items: start;
    max-width: 1100px;
    margin: 0 auto;
}

/* Content Box Styling */
.prayagraj-content {
    background: linear-gradient(135deg, #ffffff 0%, #fffbf0 40%, #fef3c7 100%);
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

.prayagraj-content h2 { font-size: 2rem; margin-bottom: 20px; color: #1a202c; }
.prayagraj-content p { font-size: 0.95rem; line-height: 1.7; color: #4a5568; margin-bottom: 15px; }

.prayagraj-points-box {
    background: #fffdf5;
    padding: 20px;
    border-radius: 12px;
    border-left: 4px solid #d97706; /* Orange/Gold accent for Prayagraj section */
    margin: 20px 0;
}

.prayagraj-points-title { font-weight: bold; color: #2d3748 !important; margin-bottom: 10px !important; }

.prayagraj-check-list { list-style: none; padding: 0; }
.prayagraj-check-list li { margin-bottom: 8px; font-size: 0.9rem; color: #4a5568; }
.prayagraj-check-list li::before { content: '✔'; color: #d97706; margin-right: 10px; font-weight: bold; }

.prayagraj-image-wrapper {
    position: sticky;
    top: 100px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.prayagraj-image-wrapper img { width: 100%; display: block; }

.prayagraj-badge {
    position: absolute;
    bottom: 15px;
    left: 15px;
    background: #4f46e5;
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
}

/* Mobile Responsive - No sticky, no scroll issues */
@media (max-width: 900px) {
    .prayagraj-grid-reverse { grid-template-columns: 1fr; }
    .prayagraj-image-wrapper { position: relative; top: 0; }
    .prayagraj-award-section { margin: 10px; padding: 40px 15px; }
}


/* section.building the future */
.innovation-section {
    padding: 80px 20px;
    text-align: center;
    background: #ffffff;
    margin-top: -90px;
}

.tech-grid {
     margin-top: -40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    max-width: 900px;
    margin: 0 auto;
}

/* Base style for tiles */
.tech-item {
    padding: 15px 25px;
    border-radius: 12px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tech-item:hover { transform: translateY(-5px); }

/* Colorful Gradients for each item */
.item-1 { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.item-2 { background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%); color: #333; }
.item-3 { background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%); }
.item-4 { background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%); color: #333; }
.item-5 { background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%); color: #333; }
.item-6 { background: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%); color: #333; }
.item-7 { background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%); color: #333; }


.mission-box {
    margin-top: 40px;
    text-align: center;
    padding: 20px;
}
.mission-text {
    /* Font styles */
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.2rem;
    color: #2d3748;
    line-height: 1.8;
    letter-spacing: -0.01em;
    font-weight: 400;
    
    /* Slant effect */
    font-style: italic; 
    
    max-width: 800px;
    margin: 0 auto;
}

/* section.building the future */
.future-section { 
    margin-top: -50px; 
    margin-bottom: 80px;
    padding: 20px;
}
.gradient-box h2 {
    color: #ffffff; /* Bilkul white color jo blue background par best lagega */
    margin-bottom: 15px;
    font-size: 2rem;
}
.gradient-box {
    max-width: 1100px; 
    margin: 0 auto;
    padding: 30px 50px; 
    border-radius: 20px; 
    background: #1e3a8a; /* Solid color, no transition/hover */
    color: #ffffff;
}

.awards-list {
    text-align: left;
    background: rgba(255,255,255,0.05);
    padding: 20px;
    border-radius: 15px;
    margin-top: 20px;
}

.awards-list ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Points grid mein */
    gap: 15px;
}

.awards-list li {
    display: flex;
    align-items: center;
    font-size: 0.95rem;
}

.awards-list li::before {
    content: "✔";
    margin-right: 10px;
    color: #60a5fa;
}

.thank-you {
    font-style: italic;
    opacity: 0.8;
    font-size: 0.9rem;
    margin-top: -20px;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,0.2);
    text-align: center;
}