<!doctype html>
<html lang="zxx">

<head>
    <!--========= Required meta tags =========-->
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>ESD - Flexibility with Accountability </title>
    <link rel="shortcut icon" href="assets/img/favicon.png" type="images/x-icon" />
    <!-- css include -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/fontawesome.css">
    <link rel="stylesheet" href="assets/css/animate.css">
    <link rel="stylesheet" href="assets/css/swiper.min.css">
    <link rel="stylesheet" href="assets/css/odometer.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/recoleta-font.css">
    <link rel="stylesheet" href="assets/css/nice-select.css">
    <link rel="stylesheet" href="assets/css/main.css">

    <style>
    .ese {
        color: #1a2235;
        position: relative;
        overflow: hidden;
    }

    .ese-grid-bg {
        position: absolute;
        inset: 0;
        z-index: 0;
    }

    .ese-inner {
        position: relative;
        z-index: 1;
        padding: 56px 36px;
    }

    .ese-eyebrow {
        font-size: 11px;
        color: #0078c8;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 14px;
    }

    .ese-eyebrow::before {
        content: '';
        width: 28px;
        height: 1px;
        background: #0078c8;
    }

    .ese-h1 {
        font-size: 50px;
        font-weight: 800;
        color: #0d1a2e;
        text-transform: uppercase;
        line-height: 1;
        letter-spacing: 0.02em;
        margin-bottom: 10px;
    }

    .ese-h1 span {
        color: #0078c8;
    }

    .ese-ref {
        font-size: 10px;
        color: rgba(0, 120, 200, 0.35);
        letter-spacing: 0.1em;
    }

    .ese-hero-desc {
        font-size: 14px;
        color: #4a5a78;
        line-height: 1.75;
        border-left: 2px solid rgba(0, 120, 200, 0.3);
        padding-left: 14px;
    }

    .ese-hero {
        border-bottom: 1px solid rgba(0, 120, 200, 0.12);
        margin-bottom: 48px;
    }

    .ese-sec-num {
        font-size: 10px;
        color: #0078c8;
        opacity: 0.6;
        letter-spacing: 0.15em;
        margin-bottom: 6px;
    }

    .ese-sec-title {
        font-size: 22px;
        font-weight: 700;
        color: #0d1a2e;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;
    }

    .ese-sec-title::before {
        content: '';
        width: 4px;
        height: 22px;
        background: #0078c8;
        border-radius: 2px;
        flex-shrink: 0;
    }

    .ese-block {
        margin-bottom: 44px;
    }

    .ese-divider {
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(0, 120, 200, 0.18), transparent);
        margin: 0 0 44px;
    }

    /* VALUES */
    .ese-values {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 10px;
    }

    .ese-val-card {
        background: #fff;
        border: 1px solid rgba(0, 120, 200, 0.12);
        border-radius: 8px;
        padding: 16px;
        display: flex;
        align-items: flex-start;
        gap: 12px;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .ese-val-card:hover {
        border-color: rgba(0, 120, 200, 0.35);
        box-shadow: 0 2px 12px rgba(0, 120, 200, 0.08);
    }

    .ese-val-icon {
        font-size: 22px;
        flex-shrink: 0;
    }

    .ese-val-name {
        font-size: 14px;
        font-weight: 600;
        color: #1a2235;
        line-height: 1.35;
    }

    .ese-val-sub {
        font-size: 11px;
        color: #7a8fa8;
        margin-top: 3px;
    }

    /* WORK HOURS */
    .ese-exp-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 12px;
    }

    .ese-exp-card {
        background: #fff;
        border: 1px solid rgba(0, 120, 200, 0.12);
        border-radius: 8px;
        padding: 20px 22px;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .ese-exp-card:hover {
        border-color: rgba(0, 120, 200, 0.3);
        box-shadow: 0 2px 12px rgba(0, 120, 200, 0.07);
    }

    .ese-exp-role {
        font-size: 10px;
        color: #0078c8;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        margin-bottom: 8px;
        opacity: 0.7;
    }

    .ese-exp-title {
        font-size: 15px;
        font-weight: 700;
        color: #0d1a2e;
        margin-bottom: 12px;
        line-height: 1.3;
    }

    .ese-exp-hours {
        display: flex;
        align-items: baseline;
        gap: 6px;
        margin-bottom: 10px;
    }

    .ese-exp-num {
        font-size: 40px;
        font-weight: 800;
        color: #0078c8;
        line-height: 1;
    }

    .ese-exp-unit {
        font-size: 14px;
        color: #7a8fa8;
        font-weight: 400;
    }

    .ese-exp-note {
        font-size: 12px;
        color: #5a6e88;
        display: flex;
        align-items: flex-start;
        gap: 6px;
        line-height: 1.45;
        margin-top: 4px;
    }

    .ese-exp-note::before {
        content: '›';
        color: #0078c8;
        font-size: 14px;
        line-height: 1.2;
        flex-shrink: 0;
    }

    /* PHD CARD */
    .ese-phd-card {
        background: #fff;
        border: 1px solid rgba(0, 120, 200, 0.15);
        border-radius: 8px;
        padding: 22px 24px;
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 20px;
        align-items: center;
    }

    .ese-phd-role {
        font-size: 10px;
        color: #0078c8;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        margin-bottom: 8px;
        opacity: 0.7;
    }

    .ese-phd-title {
        font-size: 15px;
        font-weight: 700;
        color: #0d1a2e;
        margin-bottom: 10px;
    }

    .ese-phd-desc {
        font-size: 14px;
        color: #4a5a78;
        line-height: 1.6;
    }

    .ese-phd-faculty {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 12px;
        background: #f0f5fc;
        border: 1px solid rgba(0, 120, 200, 0.12);
        border-radius: 6px;
        padding: 8px 12px;
    }

    .ese-phd-fac-label {
        font-size: 11px;
        color: #7a8fa8;
    }

    .ese-phd-fac-val {
        font-size: 12px;
        font-weight: 600;
        color: #0d1a2e;
    }

    .ese-phd-fac-sep {
        color: rgba(0, 120, 200, 0.3);
        font-size: 10px;
    }

    .ese-phd-right {
        text-align: center;
        flex-shrink: 0;
    }

    .ese-phd-hours {
        font-size: 44px;
        font-weight: 800;
        color: #0078c8;
        line-height: 1;
    }

    .ese-phd-unit {
        font-size: 11px;
        color: #7a8fa8;
        letter-spacing: 0.1em;
    }

    /* SPECIAL */
    .ese-special-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 10px;
        margin-bottom: 10px;
    }

    .ese-spec-card {
        background: #fff;
        border: 1px solid rgba(0, 120, 200, 0.1);
        border-radius: 8px;
        padding: 14px 16px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .ese-spec-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #0078c8;
        flex-shrink: 0;
    }

    .ese-spec-name {
        font-size: 14px;
        font-weight: 600;
        color: #1a2235;
    }

    .ese-spec-wfh {
        background: #fff;
        border: 1px solid rgba(0, 180, 100, 0.2);
        border-radius: 8px;
        padding: 14px 16px;
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 14px;
    }

    .ese-spec-wfh-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #00a86b;
        flex-shrink: 0;
    }

    .ese-spec-wfh-name {
        font-size: 14px;
        font-weight: 600;
        color: #1a2235;
    }

    .ese-spec-wfh-badge {
        font-size: 9px;
        color: #00a86b;
        border: 1px solid rgba(0, 168, 107, 0.25);
        padding: 2px 8px;
        border-radius: 4px;
        margin-left: auto;
        white-space: nowrap;
    }

    .ese-spec-note {
        background: #f0f5fc;
        border: 1px solid rgba(0, 120, 200, 0.12);
        border-left: 3px solid #0078c8;
        border-radius: 4px;
        padding: 12px 16px;
        font-size: 14px;
        color: #4a5a78;
        line-height: 1.6;
    }

    .ese-spec-note strong {
        color: #0078c8;
    }

    /* CLOSING */
    .ese-closing {
        background: #fff;
        border: 1px solid rgba(0, 120, 200, 0.15);
        border-radius: 10px;
        padding: 24px 28px;
        text-align: center;
    }

    .ese-closing-quote {
        font-size: 22px;
        font-weight: 700;
        color: #0d1a2e;
        line-height: 1.35;
        margin-bottom: 8px;
    }

    .ese-closing-quote span {
        color: #0078c8;
    }

    .ese-closing-sub {
        font-size: 14px;
        color: #7a8fa8;
        letter-spacing: 0.08em;
    }
    </style>
</head>

<body>
    <!-- backtotop - start -->
    <div class="xb-backtotop">
        <a href="#" class="scroll">
            <i class="far fa-arrow-up"></i>
        </a>
    </div>
    <!-- backtotop - end -->
    <!-- Preloader - Start -->
    <div id="preloader">
        <div id="loader" class="loader">
            <div class="loader-container">
                <div class="loader-icon"><img src="assets/img/logo/preloader.png" alt="preloader"></div>
            </div>
        </div>
    </div>
    <!-- Preloader - End -->
    <div class="body_wrap">
        <?php include_once("header.php") ?>
        <!-- main area start  -->
        <main>
            <!-- breadcrumb start -->
            <section class="breadcrumb bg_img ul_li" data-background="assets/img/internal-page.jpg">
                <div class="container">
                    <div class="breadcrumb__content text-center">
                        <h2 class="breadcrumb__title">Flexibility with Accountability </h2>
                        <p class="breadcrumb__desc">ESE’s Flexible & Accountable Work Culture </p>
                    </div>
                </div>
            </section>
            <!-- breadcrumb end -->
            <!-- blog single start -->
            <section class="team pt-60 pb-120">
                <div class="container">
                    <div class="section-title text-center mb-60">
                        <span class="sub-title">Attendance Policy & SOP </span>
                        <h2 class="title">ESE’s Flexible & Accountable Work Culture</h2>
                    </div>
                    <div class="row mt-none-30">
                        <div class="ese">
                            <div class="ese-grid-bg"></div>
                            <div class="ese-inner">

                                <!-- HERO -->
                                <div class="ese-hero">
                                    <div class="ese-hero-desc">
                                        At ESE, we believe commitment is not measured by rigid office timings, but by
                                        ownership, responsibility, and visible contribution toward the department's
                                        growth.
                                    </div>
                                </div>

                                <!-- CULTURE VALUES -->
                                <div class="ese-block">
                                    <div class="ese-sec-title">What We Value</div>
                                    <p class="mb-3">The newly introduced attendance system is designed to support a
                                        culture that values:</p>
                                    <div class="ese-values">
                                        <div class="ese-val-card">
                                            <div class="ese-val-icon">⏱️</div>
                                            <div>
                                                <div class="ese-val-name">Flexibility in Working Hours</div>
                                            </div>
                                        </div>
                                        <div class="ese-val-card">
                                            <div class="ese-val-icon">📋</div>
                                            <div>
                                                <div class="ese-val-name">Professional Accountability</div>
                                            </div>
                                        </div>
                                        <div class="ese-val-card">
                                            <div class="ese-val-icon">🤝</div>
                                            <div>
                                                <div class="ese-val-name">Shared Responsibility</div>
                                            </div>
                                        </div>
                                        <div class="ese-val-card">
                                            <div class="ese-val-icon">🔭</div>
                                            <div>
                                                <div class="ese-val-name">Research Commitment</div>
                                            </div>
                                        </div>
                                        <div class="ese-val-card">
                                            <div class="ese-val-icon">🔒</div>
                                            <div>
                                                <div class="ese-val-name">Safety & Transparency</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="ese-divider"></div>

                                <!-- WORK EXPECTATIONS -->
                                <div class="ese-block">
                                    <div class="ese-sec-title">Hours by Role</div>
                                    <div class="ese-exp-grid">

                                        <div class="ese-exp-card">
                                            <div class="ese-exp-title">Department Staff</div>
                                            <div class="ese-exp-hours">
                                                <div class="ese-exp-num">40</div>
                                                <div class="ese-exp-unit">hrs / week</div>
                                            </div>
                                            <div class="ese-exp-notes">
                                                <div class="ese-exp-note">Mandatory commitment</div>
                                                <div class="ese-exp-note">Lunch hours excluded from count</div>
                                            </div>
                                        </div>

                                        <div class="ese-exp-card">
                                            <div class="ese-exp-title">Faculty-Hired Staff & Project Personnel</div>
                                            <div class="ese-exp-hours">
                                                <div class="ese-exp-num">40</div>
                                                <div class="ese-exp-unit">hrs / week</div>
                                            </div>
                                            <div class="ese-exp-notes">
                                                <div class="ese-exp-note">Mandatory commitment</div>
                                                <div class="ese-exp-note">Exceptions handled by reporting faculty</div>
                                            </div>
                                        </div>

                                        <div class="ese-exp-card">
                                            <div class="ese-exp-title">M.Tech & First-Year Ph.D. Students</div>
                                            <div class="ese-exp-hours">
                                                <div class="ese-exp-num">50</div>
                                                <div class="ese-exp-unit">hrs / week</div>
                                            </div>
                                            <div class="ese-exp-notes">
                                                <div class="ese-exp-note">Minimum expected presence</div>
                                                <div class="ese-exp-note">Supports early research foundation</div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                                <!-- SENIOR PHD -->
                                <div class="ese-block">
                                    <div class="ese-sec-num">03 / RESEARCH SCHOLARS</div>
                                    <div class="ese-sec-title">Senior Ph.D. / Research Scholars</div>
                                    <div class="ese-phd-card">
                                        <div class="ese-phd-left">
                                            <div class="ese-phd-role">CAT-04 · Senior Researchers</div>
                                            <div class="ese-phd-title">Senior Ph.D. / Research Scholars</div>
                                            <div class="ese-phd-desc">Research demands deep commitment. Faculty advisors
                                                often dedicate 70–80 hours/week toward research and innovation, and
                                                students are expected to demonstrate similar dedication toward advancing
                                                their labs, projects, and the department.</div>
                                            <div class="ese-phd-faculty" style="margin-top:14px;">
                                                <span class="ese-phd-fac-label">Faculty advisor benchmark</span>
                                                <span class="ese-phd-fac-sep">·</span>
                                                <span class="ese-phd-fac-val">70–80 hrs / week</span>
                                            </div>
                                        </div>
                                        <div class="ese-phd-right">
                                            <div class="ese-phd-hours">50+</div>
                                            <div class="ese-phd-unit">HRS / WEEK MIN.</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="ese-divider"></div>

                                <!-- SPECIAL CONSIDERATIONS -->
                                <div class="ese-block">
                                    <div class="ese-sec-num">04 / SPECIAL CONSIDERATIONS</div>
                                    <div class="ese-sec-title">Creditable External Work Hours</div>
                                    <div class="ese-special-grid">
                                        <div class="ese-spec-card">
                                            <div class="ese-spec-dot"></div>
                                            <div class="ese-spec-name">NNFC</div>
                                        </div>
                                        <div class="ese-spec-card">
                                            <div class="ese-spec-dot"></div>
                                            <div class="ese-spec-name">MNCF</div>
                                        </div>
                                        <div class="ese-spec-card">
                                            <div class="ese-spec-dot"></div>
                                            <div class="ese-spec-name">IISc Microscopy Facility</div>
                                        </div>
                                    </div>
                                    <div class="ese-spec-wfh" style="margin-bottom:14px;">
                                        <div class="ese-spec-wfh-dot"></div>
                                        <div class="ese-spec-wfh-name">Approved Work-from-Home Arrangements</div>
                                        <span class="ese-spec-wfh-badge">WITH APPROVAL</span>
                                    </div>
                                    <div class="ese-spec-note">
                                        <strong>Note:</strong> Additional hours spent at the above locations or in
                                        approved WFH arrangements may be credited through <strong>proper documentation
                                            and approval</strong> by the relevant faculty or department authority.
                                    </div>
                                </div>

                                <!-- CLOSING -->
                                <div class="ese-closing">
                                    <div class="ese-closing-quote">This system is not about <span>restriction</span>
                                        —<br />it is about building a culture of <span>trust, ownership,</span> and
                                        <span>excellence.</span>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- blog single end -->


            <!-- contact end -->
        </main>

        <?php include_once("footer.php") ?>