<link rel="shortcut icon" type="image/x-icon" href="assets/images/logo/favicon.ico">

    <!-- CSS (Font, Vendor, Icon, Plugins & Style CSS files) -->

    <!-- Font CSS -->
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,400;1,700&amp;display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600&amp;display=swap" rel="stylesheet">

    <!-- Vendor CSS (Bootstrap & Icon Font) -->
    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/vendor/dlicon.css">
    <!-- Plugins CSS (All Plugins Files) -->
    <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <link rel="stylesheet" href="assets/css/plugins/aos.css">
    <link rel="stylesheet" href="assets/css/plugins/odometer-theme-default.min.css">
    <link rel="stylesheet" href="assets/css/plugins/ddbeforeandafter.css">
    <link rel="stylesheet" href="assets/css/plugins/magnific-popup.css">

    <!-- Style CSS -->
    <link rel="stylesheet" href="assets/css/style.css">
    <style>
    @media screen and (max-width: 1347px) {
    .date {
         display: inline !important; 
         margin-top:1%!important;
    }
    .resize{
        width:65%!important;
    }
    #small{
        width:70%!important;
    }
    .logo a {
    display: inline;
}
}
  @media screen and (max-width: 992px) {
    .date {
         display: inline !important; 
         margin-top:1%!important;
    }
    .resize{
        width:50%!important;
    }
    #small{
        width:70%!important;
    }
    .logo a {
    display: inline;
}
}
  @media screen and (max-width: 731px) {
    .date {
         display: inline !important; 
         margin-top:1%!important;
    }
    .resize{
        width:100%!important;
    }
    #small{
        width:70%!important;
    }
    .logo a {
    display: inline;
}
}
 @media screen and (max-width: 360px) {
    .date {
         display: inline !important; 
         margin-top:1%!important;
    }
    .resize{
        width:100%!important;
    }
    #small{
        width:50%!important;
    }
    .logo a {
    display: inline;
}
}

    
        .main-menu ul li a.active {
          color:  #fffff;
        }
        .sticky-bar.stick .main-menu > nav > ul > li > a.active{
           color:  #ffffff; 
        }
@media (min-width:992px) and (max-width:1089px){
    .main-menu > nav > ul li > a {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    line-height: 100px;
    display: inline-block;
}
}
@media only screen and (min-width:1055px) and (max-width: 1232px) {
    .main-menu > nav > ul li {
        margin-right: 14px!important;
    }
}
@media only screen and (min-width:992px) and (max-width: 1055px) {
    .main-menu > nav > ul li {
        margin-right:8px!important;
    }
}
table, th, td {
  border:2px solid black;
  text-align: left;
  padding: 8px;
}

/*.over:hover{*/
/*    color:#fd7e14;*/
   
/*}*/
.number:hover{
    color:#fd7e14;
}
th{
   font-size:20px;
}
.number{
    color: #c7c7c7;
    font-size:18px;
   color:black;
}
thead{
    background-color:black;
    color:white;
}

 table {
            margin: 0 auto;
            border-collapse: collapse;
            /*border-style: hidden;*/
            /*Remove all the outside
            borders of the existing table*/
        }
        table td {
            padding: 0.5rem;
            border: 1px solid 	#A8A8A8;
        }
        table th {
            padding: 0.5rem;
            border: 1px solid 	#A8A8A8;
        }
tr:nth-child(even) {
  background-color: #F5F5F5;
}

.sticky-bar.stick .main-menu > nav > ul > li:hover > a {
    color: #ffffff;
}

@media only screen and (max-width: 991px) {
    .header-area {
        padding: 0px 0;
    }
}

@media only screen and (max-width: 991px) {
    .date {
        display:none;
    }
    /* .logo {*/
    /*    display:none;*/
    /*}*/
}
.breadcrumb-area {
  position: relative;
  margin-top:0%;
}
       .breadcrumb-content {
  position: relative;
  margin-top:10%;
}
@media screen and (max-width:600px){
   .onee{
      display:none; 
   }
}
@media screen and (max-width:1238px){
    .date{
        display:none;
    }
}
.sticky-bar.stick .logo a .black-logo {
    display: inline;
}

.sticky-bar.stick .main-menu > nav > ul > li > a {
    color: #ffffff;
    font-size: 14px;
    line-height: 80px;
    display: inline-block;
}
.main-menu > nav > ul li:hover > a {
    color: #ffffff;
}
@media screen and (max-width: 991px){
 .logo{
    max-width: 95%;
}
}
@media (min-width:991px) and (max-width: 1287px){
        .container-fluid{
    width: 105%!important;
}
}


.main-menu > nav > ul li > a {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    line-height: 100px;
    display: inline-block;
}
p{
    font-size:19px;    
}



    </style>
    
    <script>
    function updateTime() {
        const dateTimeElement = document.getElementById('date-time');
        const now = new Date();
        const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' };
        const formattedDateTime = now.toLocaleDateString('en-US', options);
        dateTimeElement.textContent = formattedDateTime;
    }

    // Update the time every second
    setInterval(updateTime, 1000);
</script>
</head>

<body>
    
    <?php	$activePage = basename($_SERVER['PHP_SELF'], ".php"); ?>
    <header class="header-area header-transparent-bar sticky-bar">
        <div id="scroll">
      <div class="row" style="background-color:white;" >
    <div class="col-lg-12">
        <div class="logo">
            <a href="index.php">
                <!-- Display both black and white logos -->
                <img class="white-logo resize"  src="assets/images/brand-logo/apcahindI4.png" alt="logo" style="max-width:102%;">
                <img class="black-logo resize" src="assets/images/brand-logo/apcahindI4.png" alt="logo" style="max-width:102%;">
                
            </a>
                <a href="https://rashtragaan.in/" target="_blank" id="small" style="margin-top:1%;">
                 <img class="white-logo"  src="assets/images/brand-logo/a1.webp" alt="logo" style="max-width:90%;">
                 <img class="black-logo" src="assets/images/brand-logo/a1.webp" alt="logo" style="max-width:90%;">
                 </a>
                 <a href="https://www.mygov.in/" target="_blank" id="small" style="margin-top:1%;">
                 <img class="white-logo" src="assets/images/brand-logo/a2.webp" alt="logo" style="max-width:90%;">
                 <img class="black-logo" src="assets/images/brand-logo/a2.webp" alt="logo" style="max-width:90%;">
                 </a>
            
        </div>
    </div>
</div>

                 <div class="row" style="background-color:white;">
         <div class="col-lg-12"  >
                    <div class="date" style="float:right;margin-top:-2%;">
                <span id="date-time"><?php echo date('l, F j, Y h:i A'); ?></span>
            </div>
                    
                    </div>
                </div>
                </div>
        <div class="container-fluid" style="background-color:#0E70AF; color:white;">
            <div class="row align-items-center" >
               
             
                <div class="col-lg-10 d-none d-lg-block d-flex justify-content-center" >
                    <div class="main-menu text-center">
                        <nav>
                            <ul style="margin-left:1%;margin-top:-2%; margin-bottom:-2%;font-size: 18px;">
                                <li><a class="<?= ($activePage == 'index') ? 'active':''; ?>" href="index.php"><i class="ubermenu-icon fa fa-home"></i> HOME</a></li>
                                <li><a class="<?= ($activePage == 'service') ? 'active':''; ?>" href="">BOM</a>
                                     <ul>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="chairperson.php">Chairperson</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="board-of-management2.php">Members of BOM</a></li>
                                     </ul>
                                </li>
                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="">ABOUT US</a>
                                <ul>
                                     <li><a class="<?= ($activePage == 'Origin-Vision-Mission') ? 'active':''; ?>" href="Origin-Vision-Mission.php">Origin Vision & Mission</a></li>
                                     <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="">Administration</a>
                                     <ul class="level-menu-style">
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="director.php">Director</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="deputy-director.php">Deputy Director</a></li>
                                     </ul>
                                     </li>
                                     <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="infrastructure.php">Infrastructure</a></li>
                                     <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="">Former Chiefs</a>
                                     <ul class="level-menu-style">
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="former-chairmen.php">Former Chairperson</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="former-directors.php">Former Directors</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="former-deputy-directors.php">Former Deputy Directors</a></li>
                                     </ul></li>
                                     <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="organizational-structure.php">Organisational Structure</a></li>
                                     
                                </ul>
                                </li>
                                
                                <li><a class="<?= ($activePage == 'service') ? 'active':''; ?>" href="">TRAINING</a>
                                <ul>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="basic-course.php">Basic Courses</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="in-service-courses.php">In-service Courses</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="mous-special-courses.php">MoUs & Special Courses</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="training-activities.php"> Training Activities</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="training-components.php">Training Components </a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="professors.php">Professors</a></li>
                                         <!--<li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="advisory-commitee.php">Advisory Committee</a></li>-->
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="no-of-officers-trained.php">No. of Offciers Trained</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="courses-fees.php">Course fee</a></li>
                                     </ul></li>
                                  <li><a class="<?= ($activePage == 'design') ? 'active':''; ?>" href="">RESEARCH & PUBLICATION</a>
                                <ul>
                                        
                                        <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="APCA(VCJ).php">APCA(VCJ)</a></li>
                                        <li><a class="<?= ($activePage == 'design') ? 'active':''; ?>" href="#">Library</a>
                                            <ul class="level-menu-style">
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="apca-libarian.php">APCA Librarian</a></li>
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="library-collection.php">Library Collections</a></li>
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="library-rules.php">Rules</a></li>
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="prison-manuals.php">Prison Manual</a></li>
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="global-organization-websites.php">Global Organization</a></li>
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="national-organization-websites.php">National Organization</a></li>
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="online-courses.php">Online Courses</a></li>
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="use-of-social-media.php">Use of Social Media</a></li>
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="e-book-magazines.php">E-book, Magazines</a></li>
                                            </ul>
                                        </li>
                                         
                                 </ul></li>
                                 
                                 <li><a class="<?= ($activePage == 'service') ? 'active':''; ?>" href="">BEST PRACTICES IN PRISONS</a></li>
                                 
                                <li><a class="<?= ($activePage == 'about-us') ? 'active':''; ?>" href="">AWARDS & MEDALS</a>
                                <ul>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="kln-reddy.php">KLN Reddy Awards</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="">Medals</a>
                                          <ul class="level-menu-style">
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="details-of-medals.php">Details Of Medals</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="#">Best All-Rounders</a>
                                         <ul class="level-menu-style">
                                             
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="one-year.php">One Year Course</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="nine-month.php">9 Month Basic Course</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="six-month.php">6 Month In-Service Course</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="three-month.php">3 Month In-Service Course</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="special-induction.php">Special Induction Course</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="probation-officers.php">Probation Officers</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="psychologists.php">Psychologists</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="welfare-officers.php">Welfare Officers</a></li>
                                        </ul>
                                         </li>
                                     </ul>
                                         </li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="apca-award.php">APCA Medals</a></li>
                                     </ul></li>
                                <!--<li><a class="<?= ($activePage == 'blog' || $activePage == 'blog-details') ? 'active':''; ?>" href="">LIBRARY</a></li>-->
                               <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="">GALLERY</a>
                                      <ul>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="Milstone.php">Milestones</a></li>
                                         <!--<li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="board-of-management.php">Board of Management</a></li>-->
                                          <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="courses-and-program.php">Courses and Program</a></li>
                                          
                                     </ul></li>
                                <!--     <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="">APCA Awards</a></li>-->
                                <!--     </ul></li>-->
                                <li><a class="<?= ($activePage == 'contact') ? 'active':''; ?>" href="contact-us.php">CONTACT US</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="col-lg-1 ">
                    <div class="header-action-wrap">
                        <!--<div class="header-action-style header-search-1">-->
                        <!--    <a class="search-toggle" href="#">-->
                        <!--        <i class="dlicon ui-1_zoom s-open"></i>-->
                        <!--        <i class="dlicon ui-1_simple-remove s-close"></i>-->
                        <!--    </a>-->
                        <!--    <div class="search-wrap-1">-->
                        <!--        <form action="#">-->
                        <!--            <input placeholder="Search" type="text">-->
                        <!--            <button class="button-search"><i class="dlicon ui-1_zoom"></i></button>-->
                        <!--        </form>-->
                        <!--    </div>-->
                        <!--</div>-->
                        <div class="header-action-style">
                            <a class="header-aside-button" href="#"><i class="dlicon ui-3_menu-left"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- aside start -->
    <div class="header-aside-active">
        <div class="header-aside-wrap">
            <a class="aside-close"><i class="dlicon ui-1_simple-remove"></i></a>
            <div class="header-aside-content">
                <div class="mobile-menu-area">
                    <div class="mobile-menu-wrap">
                        <!-- mobile menu start -->
                        <div class="mobile-navigation">
                            <!-- mobile menu navigation start -->
                            <nav>
                                 <ul class="mobile-menu">
                                <li><a class="<?= ($activePage == 'index') ? 'active':''; ?>" href="index.php"><i class="ubermenu-icon fa fa-home"></i> HOME</a></li>
                                <li class="menu-item-has-children"><a class="<?= ($activePage == 'service') ? 'active':''; ?>" href="">BOM</a>
                                     <ul class="dropdown">
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="chairperson.php">Chairperson</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="board-of-management2.php">Members of BOM</a></li>
                                     </ul>
                                </li>
                                <li  class="menu-item-has-children"><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="">ABOUT US</a>
                                <ul class="dropdown">
                                     <li><a class="<?= ($activePage == 'Origin-Vision-Mission') ? 'active':''; ?>" href="Origin-Vision-Mission.php">Origin Vision & Mission</a></li>
                                     <li class="menu-item-has-children"><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="">Administration</a>
                                     <ul class="dropdown">
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="director.php">Director</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="deputy-director.php">Deputy Director</a></li>
                                     </ul>
                                     </li>
                                     <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="infrastructure.php">Infrastructure</a></li>
                                     <li class="menu-item-has-children"><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="">Former Chiefs</a>
                                     <ul class="dropdown">
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="former-chairmen.php">Former Chairmen</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="former-directors.php">Former Directors</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="former-deputy-directors.php">Former Deputy Directors</a></li>
                                     </ul></li>
                                     <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="organizational-structure.php">Organisational Structure</a></li>
                                     
                                </ul>
                                </li>
                                
                                <li class="menu-item-has-children"><a class="<?= ($activePage == 'service') ? 'active':''; ?>" href="">TRAINING</a>
                                <ul class="dropdown">
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="basic-course.php">Basic Courses</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="in-service-courses.php">In-service Courses</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="mous-special-courses.php">MoUs & Special Courses</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="training-activities.php"> Training Activities</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="training-components.php">Training Components </a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="professors.php">Professors</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="advisory-commitee.php">Advisory Committee</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="no-of-officers-trained.php">No. of Offciers Trained</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="courses-fees.php">Course fee</a></li>
                                     </ul></li>
                                  <li class="menu-item-has-children"><a class="<?= ($activePage == 'design') ? 'active':''; ?>" href="">RESEARCH & PUBLICATION</a>
                                <ul class="dropdown">
                                        <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="newsletter.php">Newsletter</a></li>
                                         <li class="menu-item-has-children"><a class="<?= ($activePage == 'design') ? 'active':''; ?>" href="#">LIBRARY</a>
                                <ul class="dropdown">
                                        <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="apca-libarian.php">APCA Librarian</a></li>
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="library-collection.php">Library Collections</a></li>
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="library-rules.php">Rules</a></li>
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="prison-manuals.php">Prison Manual</a></li>
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="global-organization-websites.php">Global Organization</a></li>
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="national-organization-websites.php">National Organization</a></li>
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="online-courses.php">Online Courses</a></li>
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="use-of-social-media.php">Use of Social Media</a></li>
                                                <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="e-book-magazines.php">E-book, Magazines</a></li>
                                         
                                 </ul></li>
                                 
                                         
                                 </ul></li>
                                 <li><a class="<?= ($activePage == 'service') ? 'active':''; ?>" href="">BEST PRACTICES IN PRISONS</a></li>
                                
                                <li class="menu-item-has-children"><a class="<?= ($activePage == 'about-us') ? 'active':''; ?>" href="">AWARDS & MEDALS</a>
                                <ul class="dropdown">
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="kln-reddy.php">KLN Reddy Awards</a></li>
                                         <li class="menu-item-has-children"><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="">Medals</a>
                                          <ul class="dropdown">
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="details-of-medals.php">Details Of Medals</a></li>
                                         <li class="menu-item-has-children"><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="#">Best All-Rounders</a>
                                         <ul class="dropdown">
                                             
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="one-year.php">One Year Course</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="nine-month.php">9 Month Basic Course</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="six-month.php">6 Month In-Service Course</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="three-month.php">3 Month In-Service Course</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="special-induction.php">Special Induction Course</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="probation-officers.php">Probation Officers</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="psychologists.php">Psychologists</a></li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="welfare-officers.php">Welfare Officers</a></li>
                                        </ul>
                                         </li>
                                     </ul>
                                         </li>
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="apca-award.php">APCA Medals</a></li>
                                     </ul></li>
                                <!--<li><a class="<?= ($activePage == 'blog' || $activePage == 'blog-details') ? 'active':''; ?>" href="">LIBRARY</a></li>-->
                               <li class="menu-item-has-children"><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="">GALLERY</a>
                                      <ul class="dropdown">
                                         <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="Milstone.php">Milestones</a></li>
                                         <!--<li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="board-of-management.php">Board of Management</a></li>-->
                                          <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="courses-and-program.php">Courses and Program</a></li>
                                          
                                     </ul></li>
                                <!--     <li><a class="<?= ($activePage == 'our-process') ? 'active':''; ?>" href="">APCA Awards</a></li>-->
                                <!--     </ul></li>-->
                                <li><a class="<?= ($activePage == 'contact') ? 'active':''; ?>" href="contact-us.php">CONTACT US</a></li>
                                </ul>
                            </nav>
                            <!-- mobile menu navigation end -->
                        </div>
                        <!-- mobile menu end -->
                    </div>
                </div>
                <div class="header-aside-menu">
                    <nav>
                        <ul>
                            <li><a class="<?= ($activePage == 'about-us') ? 'active':''; ?>" href="Origin-Vision-Mission.php">About Us</a></li>
                            <li><a class="<?= ($activePage == 'design') ? 'active':''; ?>" href="courses-and-program.php">GALLERY</a></li>
                            <li><a class="<?= ($activePage == 'blog' || $activePage == 'blog-details') ? 'active':''; ?>" href="blog.php">Blog</a></li>
                            <li><a class="<?= ($activePage == 'contact') ? 'active':''; ?>" href="contact-us.php">Enquiry</a></li>
                        </ul>
                    </nav>
                </div>
                <div class="aside-banner-wrap">
                    <a href="">
                        <img src="assets/images/bg/about-bg.webp" alt="banner">
                        <div class="aside-banner-add-content">
                            <!--<h5>Ad Banner</h5>-->
                            <!--<p><span class="__cf_email__" data-cfemail="a3cacdc5cce3c6dbc2ced3cfc68dc0ccce">hello.craftdecor@gmail.com</span></p>-->
                        </div>
                    </a>
                </div>
                <div class="aside-contact-info">
                    <ul>
                        <li><i class="dlicon ui-1_email-84"></i><a href="mailto:apcavellore@gmail.com">apcavellore@gmail.com</a></li>
                        <li><i class="dlicon tech-2_rotate"></i>+91 (0416) 226 7907</li>
                        <li><i class="dlicon ui-1_home-minimal"></i>Post Box No.207, Thorapadi PO, Vellore - 632 002, Tamil Nadu - India</li>
                    </ul>
                </div>
                <div class="social-icon-style mb-5">
                    <a class="facebook" href=""><i class="fa fa-facebook"></i></a>
                    <!--<a class="twitter" href="https://twitter.com/"><i class="fa fa-twitter"></i></a>-->
                    <!--<a class="google-plus" href="https://support.google.com/answer/2451065?hl=en"><i class="fa fa-google-plus"></i></a>-->
                    <a class="instagram" href="" style="background-color:hotpink;border-radius:50%;"><i class="fa fa-instagram"></i></a>
                </div>
                <div class="copyright">
                    <p>Copyright ©2026 All rights reserved | Made with <i class="fa fa-heart"></i> by <a href="https://redbackstudios.in/"> Redback </a>.</p>
                </div>
            </div>
        </div>
    </div>