*{outline:none;}
:root {
    --bs-body-font-family: "Noto Sans", sans-serif;
}

html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    max-height: 100vh;
    font-family: "Noto Sans", sans-serif !important;
}

button,
input,
select,
textarea {
    font-family: "Noto Sans", sans-serif;
}

.image-rounded{border-radius:50%;}
	.logo_container{width:100%;}
.emblem{color:white;padding-left:10px;}
.emblem_icon{ margin-right: 2vw;/*margin-top:4vh;*/}
	.mt15{margin-top:15px;}
	.mt10{margin-top:10px;}
	.bottm_line{border-bottom:3px solid #2c498d}
	.ml30{margin-left:11px;}
	.text-center{text-align:center;}
	.text-left{text-align:left!important;}
	
	.blackBG{background:#000!important; color: yellow !important;}

.right_bar ul{list-style-type:none;}
.hide{display:none;}
.hindi-languge {
    background: url(../img/hindi_icon.png) no-repeat;
    color: white;
    padding-left: 35px;   
    border: 0;
    outline: 0;
    float: left;
    padding-bottom: 23px;
    padding-right: 31px;
}
 .Eng-languge {
    background: none;
    border: 0;
    color: white;font-size: 14px;
}
.top_bar a{color:white;    font-size:16px; padding: 0px 10px 0 13px;}

.blacktheme{border: 1px solid black;
    padding: 0 16px;
    height: 40px;
    background: black;}

.bluetheme{border: 1px solid black;
    padding: 0 16px;
    height: 40px;
    background: blue;}

.serach_icon{color:white;}
.newsAll{text-align: right;    float: right;    padding-right: 13%;}

.effect-1{border: 0; padding: 7px 0; border-bottom: 1px solid #fafafa;}

.effect-1 ~ .focus-border{position: absolute;top: 38px; bottom: 0; left: 0; width: 0; height: 2px; background-color: #F1C40F; transition: 0.4s;}
.effect-1:focus ~ .focus-border{width: 100%; transition: 0.4s;}


/*navbar*/
.navbar{padding:0;}

.nav_menu{background:#2C498D;    float: left;
    width: 100%;}
	.nav_menu li.nav-item{    border-right: 1px solid #82a2ec;}
	.nav_menu li.nav-item:hover{background: #68d6ef;}
	.nav_menu li.nav-item:hover a{color:black;}
	.nav_menu ul.dropdown-menu{top:4.43vh;background:#D1D3D5;width: 100%;}
	.nav_menu .dropdown-item:focus, .dropdown-item:hover{
        background-color: #ff8d2e;
        /* background-color: #d2dfff; */
        border-radius:5px;}
	/* .nav_menu .nav-link{color:white!important;padding: 10px 51px!important;} */
    .nav_menu .nav-link{color:white!important;padding: 12px 30px!important;}

	.nav_menu li.nav-item:last-child{border:0;}
	
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}
.carousel-indicators li{background-color:rgb(145, 143, 143)!important;width:10px;height:10px;border-radius:50%;}
.carousel-indicators .active {background-color: #000!important;width:10px;height:10px;border-radius:50%;}
.news_flash{    background:#fff;float: left;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;    z-index: 99999999;margin-bottom: 10px;
    width: 100%;}
	.news_flash_ticker{ background:#fff;float: left;/*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
    transition: 0.3s;    z-index: 99999999;margin-bottom: 10px;
    width: 100%;}
	.news_flash_button{position: relative;
   background: #4ab6f6;
    border: 1px solid #4ab6f6;
    color: #fff;
    font-weight: bold;
    line-height: 2;
    padding: 10px 16px;
    border-radius: 2px;
    /* line-height: 45px; */
    }
	.news_flash_button:before{border-left: 10px solid #5571a5;
    margin-left: 1px;}
	.news_flash_button:after{    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 10px solid #4ab6f6;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 100%;
    z-index: 2;}
	
	
	
/*slider*/
#demo{width:100%;}

#demo img{
    width:100%;
    height: 25rem;
    cursor: auto;
    background-size: cover;
}

	/*sitemap*/
	.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.tree {margin-top:15px;}
.tree li::before, 
.tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:2px solid #000;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:2px solid #000;
    height:20px;
    top:25px;
    width:25px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:2px solid #000;
    border-radius:3px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none;
    cursor:pointer;
}
.tree>ul>li::before,
.tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:27px
}
.tree li span:hover {
    /* background: hotpink; */
    border:2px solid #94a0b4;
    }

[aria-expanded="false"] > .expanded,
[aria-expanded="true"] > .collapsed {
  display: none;
}
 .tree li a{font-size:20px;	}

/*footer*/
.footer{background:#5d5d5f;float:left;width:100%;padding:15px;}
.footer ul{list-style-type:none;color:white;LINE-HEIGHT: 50PX;border-bottom:1px solid #92620E;/*width:26%;*/  display:inline;padding-bottom: 8px;}
.footer li{width:100%;    margin: 15px 0;display: inline;}
.footer a{color:white;font-size:14px;    margin: 19px 10px;}
.text1 i{margin-top:10px;
   /* box-shadow: none !important;
   /* width:71vw;/*margin-top: 6px;    margin-left: 42px;   float: right;margin-right:15px;*/ 
}
.footer i{color:white;}
.copy-_right{
    background: #808080;
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding: 6px;float:left;width:100%;}


.button-secondary{
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    padding: 6px;
    border-radius: 4px 4px 0 0;    margin-right: 20px;float: left;
    height:5vh;line-height:25px;
}

/*tab css*/
.table_content{ /*   margin-top: 53px;*/width: 100%;}
.table_content td,th{font-size:14px;}
.tab-content{    border: 1px solid #dee2e6 !important;}
.tab-content>.active {
    display: block;
    padding: 0;
}
.card-body:hover{0.5rem 1rem rgba(0,0,0,.15)!important;}


.table th,.table td{border-top:0;font-size: 14px;padding: 0.73rem; text-align: center;}
.nav-tabs .nav-link{padding: 15px 52px;     border-top: 0;
    border-right: 0;
    border-left: 0;
        color:#999999;    margin-right: 6px;    text-transform: unset;}
	.nav-tabs {
    border-bottom: 0;background:/*#00bcd4*/#fff !important;width:100%;
}
.nav-tabs .nav-link{}
.nav-tabs .nav-link.active{    text-transform: unset;    background: #2c498d00;
    color: #2c498d;
    border-bottom: 2px solid #2c498d;}



   .shadow_class{ box-shadow: 0px 3px 9.5px 0.5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 3px 9.5px 0.5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 3px 9.5px 0.5px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 3px 9.5px 0.5px rgba(0, 0, 0, 0.15);
   -ms-box-shadow: 0px 3px 9.5px 0.5px rgba(0, 0, 0, 0.15);margin-bottom: 25px;}

.nav-tabs .nav-item{position:relative;}
.nav-tabs .nav-link.active:after {
    content: " ";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top:  10px solid #2c498d;
    width: 0;
    height: 0;
    position: absolute;
       left: 38%;
    top:99%;
}
.heading_of_data{
    text-align: center;
    float: left;
    width: 100%;
    font-weight: bold;
    padding:10px 15px;
   /* margin-bottom: 25px;*/}

.text1 li {
margin-bottom:15px;
}

.news_span{margin-left: 15px;margin-bottom: 15px;    margin-top: 5px;
    width: 95%;
    float: left;    cursor: auto;
    color: black;
}
.dataTables_wrapper{width:100%;}
.breadcrumb-item::before{content:""!important}
/*.news_flash dl{padding-top:15px;}*/
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
    width: 100%;
    text-align: left;
    color: #fff;
    padding: 10px;
}
.navbar{width:100%;}
.social-media-list{text-align:left; margin-left: 0!important;display: flex !important; padding: 0px !important;}
.contact-detail{margin:8%;}
.FM{width:100px;height:100px;margin-top:30px!important;
    float: right;    margin-right: 0px;}
	/*#ICTData th,td{font-size:10px!important;}*/
	/*#ICTData td, th{width:200px!important}*/
	.sturdy th:nth-child(1),
.sturdy th:nth-child(3) {
  width:5%;
}
.sturdy th:nth-child(2) {
  width: 50%;
}
	/*#DataTables_Table_0 th,td{width:53%!important}*/
.table tr:hover{background:#c6d8f3;}	

	
	.justify-content-between a{font-size:12px!important;margin-top:5px;}
@media only screen and (max-width : 768px) {
	.justify-content-between a{font-size:10px!important;margin-top:5px;}
.table td,th{font-size:10px;}
.dataTables_filter input.form-control{    width: 95%;    margin-top: 29px;}
div.dataTables_length label{    text-align: center!important;}
div.dataTables_info {
    padding-top: 0!important;font-size:8px;
}
.pagination li { margin: 0 5px;font-size:8px;
}
 .button-secondary{    color: #fff;    background-color: #6c757d;    border-color: #6c757d;    padding: 6px;
    border-radius: 4px 4px 0 0;    margin-right: 20px;float: left;    height: 9vh;
}
.news_flash a{text-align: center;    float: left;    width: 100%;}
	.text1{box-shadow: none !important;      margin-left: 4px;
    float: right;
    margin-right: 4px;}
.emblem {
       font-size:8px;padding-left:0;
}
.hide_emblem{display:none!important;}

.nav-tabs .nav-link{    padding: 15px 29px;}
.table_content td, th{    font-size:59%;padding:-1px!important;}
.news_flash_button{float:right; width:100%;padding: 5px 15px 5px 15px;    text-align: center;line-height: 27px;}

.mt10{text-align:center; width:100%}
.nav_menu li.nav-item{border-right:0;}
.footer ul{list-style-type: none;    color: white;     border-bottom: 1px solid #92620E; margin: 0;}
	
	.footer{font-size: 12px;padding:10px 0 10px 0;	}
	.news_span{    width: 86%;}
	.footer ul{line-height:33px;display:inline;padding-left: 0;}
	.social-media-list{text-align:center;}
	.table th {    border-top: 0;    font-size: 8px}
	.table td, .table th {    padding: .25rem;font-size:10px!important;}
	/*.footer{    padding-bottom: 10px;    position: fixed;bottom: 57px;}*/
	
	/* Trick */
	
	/*.copy-_right{position:fixed;bottom:0;font-size:10px;}*/
	#wrap{float:left;width:100%; overflow:auto;}
	.content-container{ overflow:auto;}
	.content-container1{ overflow:auto;height:350px;}
	
	.content-container4 {
    overflow: auto;
    height: 185vh;}
	.datatable th{font-size:10px!important;}
	
	.breadcrumb{width:100%;}
	.footer a{
    color: white;
    font-size: 12px;
    margin: 19px 2px;
}

.small-icon{width:35%;margin: 0 auto;
    display: block}

.small-image{  width:33px;
    height:40px;
    margin-top:9px!important;}
.FM {
    width:40px;
    height:40px;
    margin-top:9px!important;
    float: right;margin-right:0;
}
.navbar-toggler{border-radius:0;}
.small_logo{max-width: 69%!important;}


#demo img {
    width: 100%;
height: 27vh;margin-bottom:5%;
}
.carousel-inner{height:43vh;}
.carousel-indicators{bottom: 104px;}
.contact-detail {
    
    display: block;
   
   width: 100%;padding:0;
    font-size: 10px;
	margin-bottom:10px;
	 
}
.vertical-center{    margin: auto!important;
    position: relative!important;}
	.notfound .notfound-404{    width:60px!important;
    height:60px!important;}
	#notfound{    height: 53vh!important;
    margin-top: 0!important;}
	
	.top_bar a{    font-size: 7px;
    padding: 5px 3px 0 2px;}
	.right_bar{width:47%;}
	.top_bar {
    /* background: #3457A6; */
    background: #162f6a;
    padding: 9px 0 5px 0;
    float: left;
    width: 100%;
    font-size: 16px;
}

.top_bar{ padding: 9px 0 5px 0;}

}
	
#wrap{float:left;width:100%;}.
/*TABLE SORTING*/

.form-inline{    display: contents!important;}
#DataTables_Table_0{margin-top:25px;table-layout: fixed;}
.table{table-layout: fixed;}
.form-inline .form-control{    margin: 6px;}
.pagination li{margin: 0 15px;}
.centerd-content{width: 100%; text-align: center;}
/*#ICTData td, th{font-size:18px;}*/
.font-blue{color:#162f6a;}
.table thead th{    vertical-align: inherit!important}

	
	.noPadding{padding:0!important;	}
	.font_white{color:white;}
	.fontsize12{font-size:12px;}
	

.notification tr td:nth-child(3) {
width: 100px!important;}

.notification tr td:nth-child(1) {
width:50px!important;}

.notification tr td:nth-child(5) {
width: 550px!important;}

.notification tr td:nth-child(6) {
width: 8%!important;}


.notice tr td:nth-child(4) {
width:6%!important;}



.notice tr td:nth-child(2) {
width:13%!important;}

.notice tr td:nth-child(3) {
width:10%!important;}



}


.dataTables_length label{margin-left: 10px;}
#notification_table {margin-top:25px;}
#notification_table th{line-height: 1;}
ul{list-style-type:none;}

.top_bar{
    /* background:#3457A6; */
    background: #162f6a;
    padding: 19px 0 13px 16px;
    float: left;
    width: 100%;
    font-size:16px;
}
    .vertical-center{ margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
  
  .dataTables_filter{display:none;}
  
  
  #notfound {
    position: relative;
    height: 100vh;margin-top:35px;
}
#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound .notfound-404 {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 140px;
    height: 140px;
    
	background: url(../img/emoji.webp) no-repeat;
    background-size: cover;
}
.notfound .notfound-404:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(2.4);
    -ms-transform: scale(2.4);
    transform: scale(2.4);
    border-radius: 50%;
    background-color: #f2f5f8;
    z-index: -1;
}

.notfound h1 {
    font-family: 'Nunito', sans-serif;
    font-size: 65px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #151723;
    text-transform: uppercase;
}


.notfound-content{position: relative;left:56%;}	
.carousel-control-next, .carousel-control-prev{    width: 2%}

/* css for new footer */
.footer-new {
    /* background-color: #1a4d86; */
    /* background-color: #002147; */
    background-color: #162f6a;
    color: white;
    padding: 20px 0;
	font-size: 15px;
    float: left;
    width: 100%;
    margin-top: 2%;
    }
    .footer-new a {
      color: white;
      text-decoration: none;
	font-size: 16px;
    }
    .footer-new a:hover {
      color: #ffffff;
      text-decoration: underline;
    }
    .footer-new .footer-title {
      font-size: 16px;
      margin-bottom: 1rem;
      font-weight: 600;
    }
    .footer-bottom {
      border-top: 1px solid white;
      padding-top: 20px;
      margin-top: 20px;
      font-size: 12px;
      /* text-align: center; */
      color: white;
    }
	.border-bottom{
		border-bottom: 0.15rem solid white !important;
	}
    
    .social-media{
        font-size: 22px !important;
        margin-left: -10px !important;
    }

    .key-statistics {
      border-collapse: collapse;
      width: 50%;
	  margin-top: 2% !important;
    }
    .key-statistics th, td {
      border: 1px solid #aaa;
      padding: 8px;
      text-align: center;
    }
    .key-statistics th {
      background-color: #f2f2f2;
    }
    .key-statistics a {
      text-decoration: none;
      color: #007BFF;
      font-weight: bold;
    }
    .key-statistics i {
      margin-right: 8px;  /* Space between icon and text */
    }

    /* newly added */
    h3{
        font-size: 20px !important
    }

    p{
        font-size: 16px !important;
    }


    / * Restore Font Awesome Solid icons * /
.fa,
.fas,
.fa-solid {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
}

/* Font Awesome Regular icons */
.far,
.fa-regular {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400;
}

/* Font Awesome Brands */
.fab,
.fa-brands {
    font-family: "Font Awesome 5 Brands" !important;
    font-weight: 400;
}

.courierTerminalListTable tr td{
    text-align: left !important;
}

.text-right{
    text-align: right !important;
}

.text-left{
    text-align: left !important;
}

#navbar{
    background-color: #162f6a !important;
}

.nav-menu .dropdown-item:focus, .dropdown-item:hover{
    /* background-color: #d2dfff !important; */
    background-color: #ff8d2e;
}


/* bilingual dropdown css */

/* Language selector */
.language-selector {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    /* padding: 5px 15px; */
    padding: 0px 15px 0px 15px !important;
    top: -11px !important;
}

.language-selector label {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
}

.language-selector select {
    padding: 5px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    color: #222;
    font-size: 14px;
    cursor: pointer;
}
.dropdown-item{
        white-space: break-spaces !important;
}

/* cookies css */
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;

    padding: 20px 5%;
    background: #ffffff;
    color: #222222;

    border-top: 3px solid #164b8a;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.15);
    font-family: Arial, sans-serif;
}

.cookie-banner[hidden] {
    display: none;
}

.cookie-content {
    flex: 1;
}

.cookie-content h3 {
    margin: 0 0 8px;
    font-size: 19px;
}

.cookie-content p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.6;
}

.cookie-content a {
    color: #164b8a;
    text-decoration: underline;
    font-size: 14px;
}

.cookie-actions {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

.cookie-btn {
    padding: 11px 18px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #164b8a;
}

.accept-btn {
    background: #164b8a;
    color: #ffffff;
}

.reject-btn {
    background: #ffffff;
    color: #164b8a;
}

.cookie-btn:focus-visible {
    outline: 3px solid #f0a500;
    outline-offset: 3px;
}

@media (max-width: 768px) {
    .cookie-banner {
        flex-direction: column;
        align-items: stretch;
        padding: 18px;
        gap: 16px;
    }

    .cookie-actions {
        flex-direction: column;
    }

    .cookie-btn {
        width: 100%;
    }
}

.responsive-img {      
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-top: 2%;
    box-sizing: border-box;
 }

 .gigw-container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}
 /* css for language dropdown */
.language-selector {
    /* position: relative; */
    position: absolute;
    display: inline-block;
}
 
.language-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border: none;
    background: transparent;
    cursor: pointer;
}
 
.language-icon-btn svg {
    display: block;
    width: 32px;
    height: 32px;
}
 
.language-dropdown {
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    z-index: 9999;
    min-width: 125px;
    padding: 6px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
 
.language-dropdown select {

    width: 100%;

    padding: 7px;

    border: 1px solid #ccc;

    border-radius: 4px;

    background: #fff;

    cursor: pointer;

}
 
.language-dropdown[hidden] {
    display: none !important;

}
 
.breadcrumb-slash{
    padding-left: 5px;
}
/* photo gallery css */
        .gallery-container {
            padding-top: 25px;
            padding-bottom: 40px;
        }

        .gallery-heading {
            margin-bottom: 8px;
        }

        .gallery-description {
            color: #666;
            margin-bottom: 25px;
        }

        .album-card {
            height: 100%;
            overflow: hidden;
            border: 1px solid #e2e2e2;
            border-radius: 8px;
            background: #fff;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
            cursor: pointer;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .album-card:hover,
        .album-card:focus {
            transform: translateY(-4px);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14);
            outline-offset: 3px;
        }

        .album-cover {
            display: block;
            width: 100%;
            height: 220px;
            object-fit: cover;
            background: #f1f1f1;
        }

        .album-info {
            padding: 16px;
        }

        .album-title {
            margin: 0 0 8px;
            color: #174b75;
            font-size: 19px;
            font-weight: 600;
        }

        .album-photo-count {
            color: #666;
            font-size: 14px;
        }

        .gallery-toolbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 12px;
            margin-bottom: 20px;
        }

        .gallery-back-button {
            border: 1px solid #174b75;
            border-radius: 4px;
            padding: 4px 7px;
            background: #fff;
            color: #174b75;
            cursor: pointer;
        }

        .gallery-back-button:hover {
            background: #162f6a;
            color: #fff;
        }

        .gallery-photo {
            display: block;
            width: 100%;
            height: 230px;
            object-fit: cover;
            border-radius: 6px;
            background: #f1f1f1;
            cursor: zoom-in;
            transition: opacity 0.2s ease;
        }

        .gallery-photo:hover {
            opacity: 0.88;
        }

        .photo-item {
            margin-bottom: 24px;
        }

        .photo-caption {
            margin-top: 8px;
            color: #444;
            font-size: 14px;
        }

        .gallery-empty-message {
            padding: 30px 10px;
            color: #666;
        }

        .lightbox {
            position: fixed;
            inset: 0;
            z-index: 10000;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            background: rgba(0, 0, 0, 0.9);
        }

        .lightbox[hidden] {
            display: none !important;
        }

        .lightbox-content {
            max-width: 95vw;
            max-height: 85vh;
            text-align: center;
        }

        .lightbox-image {
            display: block;
            max-width: 95vw;
            max-height: 75vh;
            margin: auto;
            object-fit: contain;
        }

        .lightbox-caption {
            margin-top: 12px;
            color: #fff;
        }

        .lightbox-close {
            position: absolute;
            top: 12px;
            right: 22px;
            border: 0;
            background: transparent;
            color: #fff;
            font-size: 36px;
            cursor: pointer;
        }

        @media (max-width: 767px) {
            .album-cover {
                height: 190px;
            }

            .gallery-photo {
                height: 190px;
            }
        }

/* marquee updated css */
/* News flash container */
.news_flash {
    width: 100%;
    overflow: hidden;
    background: #f4f7fa;
}

.news_flash .row {
    display: flex;
    align-items: center;
}

/* News Flash label */
.news_flash_button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    background: #348fc5;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
    padding: 8px 12px;
}

/* Marquee area */
.news_flash .text1 {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    overflow: hidden;
    white-space: nowrap;
}

.news_flash marquee {
    width: 100%;
    vertical-align: middle;
}

/* Space between announcements */
.news_flash marquee a,
.news_flash marquee span {
    display: inline;
    margin-right: 7px;
    line-height: 1.8;
}

/* Announcement links */
.news_flash marquee a {
    color: #174a75;
    text-decoration: none;
}

.news_flash marquee a:hover {
    text-decoration: underline;
}

/* Mobile view */
@media screen and (max-width: 767px) {
    .news_flash .row {
        display: flex;
        flex-wrap: wrap;
    }

    .news_flash .col-md-2,
    .news_flash .col-md-8 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .news_flash_button {
        width: 100%;
        min-height: 36px;
    }

    .news_flash .text1 {
        padding: 8px 0;
    }

    .news_flash marquee a,
    .news_flash marquee span {
        margin-right: 45px;
    }

    .news_flash .newsAll {
        display: inline-block;
        padding: 8px 12px;
    }
}

/* new css for dark theme */
/* Text and links inside black-theme sections */
.blackBG a,
.blackBG span,
.blackBG p,
.blackBG li,
.blackBG label,
.blackBG h1,
.blackBG h2,
.blackBG h3,
.blackBG h4,
.blackBG h5,
.blackBG h6 {
    color: yellow !important;
}

/* Bootstrap navbar links */
.blackBG .navbar,
.blackBG .navbar-light,
.blackBG .navbar-nav .nav-link,
.blackBG .navbar-toggler {
    background: #000 !important;
    color: yellow !important;
}

/* Dropdown menus */
.blackBG .dropdown-menu,
.blackBG .dropdown-item {
    background: #000 !important;
    color: yellow !important;
}

.blackBG .dropdown-item:hover,
.blackBG .dropdown-item:focus {
    background: #333 !important;
    color: yellow !important;
}

/* Footer */
footer.blackBG,
footer.blackBG a,
footer.blackBG p,
footer.blackBG span,
footer.blackBG li,
#footer.blackBG,
#footer.blackBG a,
#footer.blackBG p,
#footer.blackBG span,
#footer.blackBG li {
    background-color: #000 !important;
    color: yellow !important;
}

.blackBG #home{
    background-color: #000 !important;
    color: yellow !important;
}

#footer.blackBG {
    background-color: #000 !important;
    color: yellow !important;
}

#footer-bottom .blackBG{
    background-color: #000 !important;
    color: yellow !important;
}

/* External Website Warning Overlay */
.external-warning-overlay[hidden] {
    display: none !important;
}
 
.external-warning-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(15, 29, 48, 0.65);
    box-sizing: border-box;
}
 
/* Modal Box */
.external-warning-modal {
    width: 100%;
    max-width: 540px;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
    font-family: Arial, Helvetica, sans-serif;
    color: #263445;
    animation: externalModalShow 0.2s ease-out;
    box-sizing: border-box;
}
 
/* Blue Header */
.external-warning-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 24px;
    background: #123b67;
    color: #ffffff;
}
 
.external-warning-header h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
}
 
/* Warning Icon */
.external-warning-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    font-size: 23px;
    font-weight: bold;
}
 
/* Message Area */
.external-warning-body {
    padding: 22px 24px;
    font-size: 15px;
    line-height: 1.7;
}
 
.external-warning-body p {
    margin: 0 0 14px;
}
 
.external-warning-body p:last-child {
    margin-bottom: 0;
}
 
.external-warning-url {
    padding: 10px 12px;
    background: #f1f5f9;
    border-left: 4px solid #2463a6;
    overflow-wrap: anywhere;
    font-size: 13px;
}
 
#externalLinkDestination {
    font-weight: 600;
    color: #123b67;
}
 
/* Footer and Buttons */
.external-warning-footer {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    padding: 16px 24px;
    border-top: 1px solid #e0e6ed;
    background: #f8fafc;
}
 
.external-btn {
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease;
}
 
.external-btn:focus-visible {
    outline: 3px solid #f0b429;
    outline-offset: 3px;
}
 
.external-btn-primary {
    background: #123b67;
    color: #ffffff;
}
 
.external-btn-primary:hover {
    background: #0b2b4d;
}
 
.external-btn-secondary {
    background: #ffffff;
    color: #263445;
    border-color: #aab7c5;
}
 
.external-btn-secondary:hover {
    background: #eaf0f6;
}
 
/* Modal Animation */
@keyframes externalModalShow {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
 
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
 
/* Mobile Responsive */
@media (max-width: 480px) {
    .external-warning-overlay {
        padding: 12px;
    }
 
    .external-warning-header {
        padding: 16px;
    }
 
    .external-warning-header h2 {
        font-size: 18px;
    }
 
    .external-warning-body {
        padding: 18px 16px;
        font-size: 14px;
    }
 
    .external-warning-footer {
        padding: 14px 16px;
        flex-direction: column-reverse;
    }
 
    .external-btn {
        width: 100%;
    }
}
 
@media (prefers-reduced-motion: reduce) {
    .external-warning-modal {
        animation: none;
    }
 
    .external-btn {
        transition: none;
    }
}

.designation-table{
    display: inline-table !important;
}

/* play pause button in newsflash */

.news-flash-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.news-flash-wrapper .text1 {
    flex: 1;
    min-width: 0;
    margin-bottom: 0;
}

.news-flash-wrapper marquee {
    width: 100%;
}

.news-toggle-btn {
    flex-shrink: 0;
    padding: 5px 10px;
    border: 1px solid #555;
    /* border-radius: 4px; */
    border-radius: 50%;
    background: #fff;
    color: #222;
    cursor: pointer;
    font-size: 13px;
    margin: 10px;
}

.news-toggle-btn:focus-visible {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
}