@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

*{

    margin: 0px;

    padding: 0px;

}

body{

    font-size: 12px;

    line-height: 22px;

    background: #f8f8f8;

    color: #000;

    font-family: 'Open Sans', sans-serif; 

}

a{
    color:#036;
    text-decoration: none;

}

a:hover{color:#EA5F1E !important;}

h1,h2,h3,h4,h5,h6{

    font-family: 'Open Sans', sans-serif;

    color: #000;

}

h1{

    font-size: 60px;

    line-height: 72px;

}

h2{

    font-size: 18px;

    line-height: 28px;

    color: #1d4572;

}

h3{
    font-size: 16px;
    line-height: 26px;
    color: #1d4572;
}

h4{

    font-size: 24px;

    line-height: 28px;

}

h5{

    font-size: 20px;

    line-height: 24px;

}

h6{

    font-size: 17px;

    line-height: 20px;

}

.topstrip {

    width: 100%;

    height: 18px;

    background: url(../images/indian-strip.png) top center no-repeat;

}

.body-sec .container{background:#fff; width: 980px; min-height: 500px; padding: 10px;}

.logo{display:inline-block;}

.wcag{

    padding: 0;

    margin-bottom: 0;

    float: right;

}

.wcag li {

    list-style-type: none;

    display: inline-block;

}

.wcag li a {

    padding: 5px;

    display: block;

    color: #333;

}

.header-images{

    padding: 0;

    margin-bottom: 0;

    float: right;

}

.header-images li{

    list-style-type: none;

    display: inline-block;

}

.header-images li a{display: inline-block;}

.timezone{

    padding: 0;

    margin-bottom: 0;

    float: right;

    margin: 15px 0;

}

.timezone li{

    list-style-type: none; 

    display: flex;

    align-items: center;

    column-gap:10px; 

}

.timezone li:first-child{margin-bottom:10px;}

.main-nav{background:#1d4572; padding: 10px 0;}

.body-one{padding:10px 0;}

.banner{background:#295886; padding:5px;}

.banner-list{padding: 0; margin-bottom: 0; position:relative;}

.banner-list li{list-style-type: none;}

.banner-list li h5{font-size:12px; line-height: 22px;}

.banner-list li h5 a{color:#fff;}

.banner-list li h5 a:hover{text-decoration: underline; color:#fff !important;}

.banner-list .owl-dots{position: absolute; bottom:10px; right:20px}

.banner-list .owl-dots .owl-dot{margin-right:5px;}

.banner-list .owl-dots .owl-dot:last-child{margin-right:0;}

.banner-list .owl-dots .owl-dot button{background:#036; color:#fff; width:20px; height:20px; border-radius:50%; line-height: 18px; border:none; font-size: 12px; }

.banner-list .owl-dots .owl-dot.active button{background:#0CC;}

.ambassador{background:#295886; padding:5px; text-align:center;}

.ambassador h6{font-size: 12px; color:#fff; padding:2px 0; margin:0;}

.ambassador a{font-size: 14px; color:#88c0fd; text-shadow:0px 2px 3px black;}

.marquee-vertical { 

  height: 250px;         /* visible height */

  overflow: hidden;      /* hide overflowing content */ 

}



.marquee-content {

  display: flex;

  flex-direction: column;

  animation: scrollUp 40s linear infinite;

}



.marquee-vertical:hover .marquee-content {

  animation-play-state: paused;  /* pause on hover */

}



@keyframes scrollUp {

  0%   { transform: translateY(25%); }

  100% { transform: translateY(-100%); }

}



.marquee-content a {

  margin: 0;

  padding: 10px;

  border-bottom: 1px solid #ddd;

  color:#000;

  display: block;

}

.main-title{color:#3779ba; font-size:16px; line-height: 26px; font-weight: bold;}

.sm-sec ul{ padding: 0; margin-bottom: 0;}

.sm-sec ul li{list-style-type: none; display: inline-block; margin-right: 5px;}

.sm-sec ul li:last-child{margin-right:0;}

.event-sec .event{display: flex; column-gap:10px;}

.event-sec .event .thumb{width:40%;}

.event-sec .event .title{width:60%;}

.event-sec .event .title h6{font-size:12px; line-height: 18px; font-weight:normal;}

.read-btn{display: inline-block; background: #0355a2; padding: 1px 5px; font-style: italic; border-radius: 6px; font-size: 12px; line-height: 20px; color: #fff; margin:10px 0;border:1px solid #0355a2; transition: all 0.3s ease;}

.read-btn:hover{color:#0355a2 !important; background:transparent; border:1px solid #0355a2;}

.useful-link {padding:10px; background:#F1F1F1;}

.useful-link ul{padding: 0; margin-bottom: 0;}

.useful-link ul li{list-style-type: none;}

.useful-link ul li a{color:#333;}

.useful-link ul li a:hover{text-decoration: underline; color: #333 !important;}

.grey-li-box{padding:10px; background:#F1F1F1; height:100%;}

.grey-li-box ul{padding: 0; margin-bottom: 0;}

.grey-li-box ul li{list-style-type: none;}

.grey-li-box ul li a{color:#333;}

.grey-li-box ul li a:hover{text-decoration: underline;}

.grey-li-box ul li{list-style-type:none; position:relative; padding-left:10px; margin-bottom:5px}

.grey-li-box ul li:after{position:absolute; content:"\f0da"; font-family:FontAwesome; color:#828283; top:0; left:0;}

.shadow-list{padding: 0; margin-bottom: 0;}

.shadow-list li{list-style-type: none;background: url(../images/right-hrline.jpg) bottom left no-repeat; padding-bottom:10px;}

.shadow-list li a{color: #295788; padding: 5px 10px; display: block; font-size: 14px;}

.shadow-list li a:hover{text-decoration:underline;}

.primary-poster-list{padding: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; column-gap:10px;}

.primary-poster-list li{list-style-type: none; width:49%; margin-bottom: 10px; border:1px solid #dccfcf;}

.primary-poster-list li a{display:block;}

.secondary-poster-list{padding: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; column-gap:10px; margin-top: 20px;}

.secondary-poster-list li{list-style-type: none; width:24%; margin-bottom: 10px; border:1px solid #dccfcf;}

.secondary-poster-list li a{display:block;}

.gov-logo-sec{background:#F8F8F8; padding: 20px 0;}

.gov-logo-sec .logos{padding: 0; margin-bottom: 0; display: flex; justify-content: center; column-gap:20px;}

.gov-logo-sec .logos li{list-style-type: none; display: flex; align-content: center; flex-wrap: wrap;}

.gov-logo-sec .logos li a{display:block;}

.footer{background:#16416c;}

.footer .f1{padding:20px;}

.footer .f1, .footer .f1 .cinfo a{color:#6ab0ff;}

.footer .f1 .cinfo p{margin:0;}

.footer .f1 .fmenu a{color:#6ab0ff;}

.footer .f1 .fmenu a:hover, .footer .f1 .cinfo a:hover{color:#fff !important;}

.footer .f2{background:#1b4e81;padding:10px 20px; color:#fff;}

.footer .f2 p{margin:0; text-align:right;}
.dp-banner{background:url(../images/bg_Phead.jpg) no-repeat right; padding: 15px 0;}
.dp-banner h1{margin:0; padding:0 10px; font-size:20px; line-height:30px; color:#e4ecf7;}
.detail-page p{margin-bottom: 10px;}
.detail-page .last-updated{font-weight:500;}
.list{margin:0; padding:0;}
.list li{list-style-type: none; font-size: 13px; line-height:23px;}
.list li a{color:#333;}
.list li a:hover{text-decoration: underline;}
.list li{list-style-type:none; position:relative; padding-left:10px; margin-bottom:10px}
.list li:after{position:absolute; content:"\f0da"; font-family:FontAwesome; color:#828283; top:0; left:0;}
.main-navigation {
  background: #1d4572;
  position: relative;
}

.main-navigation #menu-main-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-navigation #menu-main-menu li {
  position: relative;
}

.main-navigation #menu-main-menu li a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  padding: 8px 5px;
  display: block;
  border: 1px solid transparent;
  font-size: 11px;
  line-height: 21px;
}

.main-navigation #menu-main-menu li a:hover {
    color:#fff !important;
    background: #6fc0f6;
    border-top: 1px solid #ff9600;
    border-right: 1px solid #113977;
    border-bottom: 1px solid #113977;
    border-left: 1px solid #113977;
}
 
.menu .sub-menu {
  display: none;
  position: absolute;
  top: 39px;
  left: 0;
  width: 175px;
  list-style: none;
  margin: 0;
  padding: 0;
  border-right: 1px solid #113977;
  border-bottom: 1px solid #113977;
  border-left: 1px solid #113977;
  z-index: 9999;
}

.menu .sub-menu li a {
  background: #eeeef3;
  color: #08306d !important;
  border: none !important;
  padding: 3px 10px !important;
  display: block !important;
}

.menu .sub-menu li a:hover {
  background: #113977 !important;
  color: #fff !important;
}
 
.menu li:hover > .sub-menu {
  display: block;
}
 
.menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  border-top: none;
}
 
.menu-toggle {
  display: none;
  background: none;
  border: none;
  font-size: 28px;
  color: #fff;
  cursor: pointer;
  transition: transform 0.3s ease;
  position: relative;
}

.lcp_catlist {
    list-style: none;
    padding-left: 1px;
}
.lcp_catlist li {
    border-bottom: 1px solid #CCCCCC;
}
.lcp_catlist li a {
    display: block;
    padding: 5px 0px 5px 5px;
}
.lcp_catlist li a:hover {
    background: #D3E4F1;
    color: #036;
    border-color: #036;
} 

.tablepress thead th {
    border: 1px solid #103154;
}

.tablepress td, .tablepress th {
    border: 1px solid #3c70a2 !important;
}

.clickhere {
  position: relative;
  padding-right: 14px; /* give space for the icon */
  display: inline-block;
}

.clickhere::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 9px;
  background: url('../images/eicon.gif') no-repeat center center;
  background-size: contain;
}

.fmenu ul li {
	border-right: 1px solid #727272;
	display: inline;
	list-style: none;
	float: right;
	padding-left: 5px;
	padding-right: 5px;
}

.copy-ftext {
    display: block;
    float: left;
    padding-left: 25px;
	padding-top: 20px;
}

.copy-ftext a {
	color: #fff;
	font-weight: 600;
}

/* --- Dark Theme --- */
body.dark-theme,
body.dark-theme header,
body.dark-theme section,
body.dark-theme article,
body.dark-theme aside,
body.dark-theme main,
body.dark-theme div {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Optional: style links, buttons, and inputs */
body.dark-theme a {
  color: #fff !important;
}

body.dark-theme footer {
  background-color: #1d4572 !important;
}

body.dark-theme button,
body.dark-theme input,
body.dark-theme select,
body.dark-theme textarea {
  background-color: #222222 !important;
  color: #ffffff !important;
  border-color: #555555 !important;
}

@media (max-width: 768px) {
  .menu-toggle {
    display: block;
  }

  .menu {
    display: none;
    flex-direction: column;
    background: #1d4572;
    width: 100%;
  }

  .main-navigation.active .menu {
    display: flex;
  }
 
  .menu .sub-menu {
    position: static;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    padding-left: 15px;
  }

  .menu-item-has-children > a::after {
    content: "▾";
    float: right;
  }

  .menu-item-has-children.active > .sub-menu {
    display: block;
  }
 
  .menu .sub-menu .sub-menu {
    padding-left: 20px;
  }
 
  .main-navigation.active .menu-toggle::after {
    content: "✕";
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
  }

  .main-navigation.active .menu-toggle {
    color: transparent;
    transform: rotate(180deg);
  }
}