@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Option 2: Import via CSS */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");



*{padding: 0; margin: 0; box-sizing: border-box; font-family: "Noto Sans", serif;}

/* scrollbar */
/* ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #a6d9d9;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  }
  
  ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
  } */



/**Predifine Classes**/
.list-none{list-style-type: none; padding: 0; margin: 0;}
.grey-bg{background: #ebeaea;}
.dark-grey-bg{background-color: #c6c6c6;}
.light-green-bg{background-color:#0f5757}
.view_btn{display: flex; padding: 10px 12px; gap: 8px; outline: none; border-radius: 4px; color: #0f5757; background-color: #fff; border: 1px solid #0f5757; font-size: 0.8rem; font-style: normal; font-weight: 600; line-height: 18px; letter-spacing: .12px; text-decoration: none; box-sizing: border-box; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;}
.view_btn:hover{background: #d9f2f2;}
.view_btn > i::before{content: "\f285"; font-weight: 900 !important; font-size: 16px;}
h1{font-size: 1.2em !important;}
.font-w-600{font-weight: 600 !important;}
p{font-size: 100%;}
.scroll_y{max-height: 381px; overflow-y: auto; border-radius: 4px;}
.flexslider{border: none;}
.slick-list{padding: 0 !important;}
.heading-one.heading-one, .heading-one.heading-one a{color: #0f5757;font-weight: 700 !important;font-size:19px !important;text-decoration: none;margin-bottom: 11px !important;display: flex;gap: 16px;flex-wrap: wrap;align-items: center;}
.heading-one >a:hover{text-decoration: underline !important;}
.recent_doc h1, .personas-col h1, .important-links-col h1{color: #0f5757; font-weight: 700 !important; font-size: 18px !important; margin-bottom: 24px;}
.container-mib{padding: 10px 64px;width: calc(100% - 0px);margin: 0 auto;}




/**Header Sectiomn**/
.main_nav_col{border-top: 1px solid #ebeaea; box-shadow: 0 4px 8px 0 rgba(35, 35, 47, .08); border-bottom: 2px solid #0f5757; position: sticky; top:0; z-index: 11; background-color: #fff; display: flex; align-items: center; min-height: 60px;}
.main_nav_col .sf-sub-indicator{display: none;} 
.logotext h1{color: #000;font-weight: 700!important;font-size: 1.37em !important;font-family: Noto Sans, sans-serif!important;}
.skill-india-engage-block {display: flex;justify-content: center;gap: 12px !important;align-items: end!important;}
.side-menu img { width: 90px;}
.sec-3 .accessibility-tool {  padding-top: 40px;}

.main_nav_col .container-mib {padding:0 14px!important;}

/**Navigation**/
ul.sf-menu a, ul.sf-menu span.nolink{padding: 0;}
.sf-menu > li> span, .sf-menu > li> a{height: auto;}
ul.sf-menu .sf-with-ul{padding-right: 0;}
.main_nav_col ul.menu{display: flex;align-items: center;column-gap:0;} 
  .main_nav_col ul.menu li:first-child:before { display:none;} 
.main_nav_col ul.menu li{position: relative;  min-width: 160px; text-align:center;}
.main_nav_col ul.menu > li >a, .main_nav_col ul.menu > li >span{display: block;  z-index:2; text-decoration: none;color: #150202;font-size:1.13em;font-weight: 600;}
.main_nav_col ul.menu > li >a.is-active{color: #0f5757; position: relative; font-weight: 700; font-size: 1.3em;}
.main_nav_col ul.menu > li >a.is-active::before,
.path-frontpage .main_nav_col ul.menu li >a.is-active::before{content: '';position: absolute;bottom: -22px;width: 100%;height: 7px;background-color: #0f5757;left:auto; width: 59px;}
.main_nav_col ul.menu > li.active-trail >span::before{content: '';position: absolute;bottom: -24px;width: 100%;height: 7px;background-color: #0f5757;left: 0;}
.main_nav_col ul.menu > li.menuparent > a.menuparent::after,
.main_nav_col ul.menu > li.menuparent > span::after{
	content: '\F282';
    font-family: 'bootstrap-icons';
    font-size: 13px;
    position: relative;
    top: 1px;
    transform: translate(0%, -50%);
    right: -11px;
}

.main_nav_col ul.sf-menu ul{position: absolute!important;padding-inline-start: 0;top: 58px;border-radius: 0 0 6px 6px;background: rgba(0, 0, 0, .7);backdrop-filter: blur(5px);max-width: 160px;}
.main_nav_col ul.sf-menu ul li.sf-depth-2 a,
/* .main_nav_col ul.sf-menu ul li.sf-depth-2 span { color: #ffffff; font-size: 1em;  text-decoration:none; font-weight: 500;line-height:36px; display: block;text-align:center; } */
.main_nav_col ul.sf-menu ul li.sf-depth-2 span {color: #ffffff;font-size: 1em;text-decoration:none;font-weight: 500;display: block;text-align:center;text-wrap: auto;width: 100%; padding: 16px 8px;line-height: 21px;display: block;}

.main_nav_col ul.sf-menu ul li.sf-depth-2:hover a,
.main_nav_col ul.sf-menu ul li.sf-depth-2:hover span {background: #d2dfff;color: #0b4141;}

/***Hero Slider***/
.hero-slider-banner .col-lg-12{padding: 0;}
.hero-slider-banner .slick-prev{width: 35px; height: 35px; background: #000; z-index: 10; left: 50px; color: #fff;}
.hero-slider-banner .slick-next{width: 35px; height: 35px; background: #000; z-index: 10; right: 50px; color: #fff;}
.hero-slider-banner .slick-prev:hover, .hero-slider-banner .slick-next:hover{background-color: #000 !important;}
.hero-slider-banner .slick-prev:focus, .hero-slider-banner .slick-next:focus{background-color: #000 !important;}
.hero-slider-banner .slick-next:before, .hero-slider-banner .slick-prev:before{color: #fff !important; font-weight: bold;}
.hero-slider-banner .slick-slide img{width: 100%;}
.hero-slider-banner #toggleSlider{ position: absolute; bottom: 20px; left: 50px; background-color: #e9fffc;}
.slick-initialized .slick-slide{opacity: 1 !important;}

/***Announcement***/
.acme-news-ticker-pause,
.hero-slider-banner .pause-btn,
.footer-banner .pause-btn{background: url(../images/pause_icon.svg) no-repeat; border: none; font-size: 0; width: 25px; height: 25px; background-position: center center;}
.acme-news-ticker-pause.play-btn,
.hero-slider-banner .play-btn,
.footer-banner .play-btn{background: url(../images/play_icon.svg) no-repeat; font-size: 0; width: 25px; height: 25px; border: none;}
.announcement-box-marquee{background-color: #c6c6c6; padding: 11px 64px; border-top: 5px solid #c6c6c6; margin-top: -5px;}
.announcement-box-marquee ul{margin: 0;}
.announcement-box-marquee .col-lg-12{display: flex;}
.announcement-box-marquee .announcement-title-div h1{margin-bottom: 0; display: flex ; align-items: center; column-gap: 5px; color: #0f5757;}
.announcement-box-marquee ul{display: flex; white-space: nowrap;}
.announcement-box-marquee .annoucement-box{overflow: hidden; width: 100%; transform: translateY(0); margin-left: calc(100% - 96%); margin-right: calc(100% - 96%);}
.announcement-box-marquee ul li a{color: #150202; font-style: normal; font-weight: 500; line-height: normal; padding: 0 50px 0 0; text-decoration: none;}


.quotes-text .quote{font-size: 3.4rem !important; color: #0f5757; display: block; max-height: 40px; font-family: Material Symbols Outlined;}
.quotes-text h4{color: #0f5757; font-size: 1.6rem; border-bottom: 1px solid #0f5757;  padding-bottom: 0.5em;}
.quotes-text ul li > span{color: #0f5757; font-style: normal; font-weight: 500; text-transform: uppercase;}
.pm-image img{width: 260px; height: 260px; box-shadow: 0 2px 4px 0 rgba(35, 35, 47, .06), 0 6px 12px 0 rgba(35, 35, 47, .08); object-fit: cover;}
.organisations_data ul li{width: 100%;text-align: center;min-height: 60px;display: flex;align-items: center;justify-content: center;box-shadow: 0 1px 2px 0 rgba(35, 35, 47, .06), 0 4px 8px 0 rgba(35, 35, 47, .08);display: inline-block; padding: 10px 20px;font-size: 16px;font-weight: bold;border: 1px solid #0f5757; transition: all 0.3s ease-in-out;position: relative;overflow: hidden; border-radius: 2px;}
.organisations_data ul li:hover{background-color: #0b4141;   transform: scale(1);   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}
.organisations_data ul li:before{content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  transform: skewX(-30deg);
  transition: all 0.4s ease-in-out;}
 
.organisations_data ul li a{color:#150202; font-weight:600; text-decoration: none;}
.organisations_data ul li:hover a{color:#ffff; font-weight:400;}
.organisations_data ul li img{width: 35px;filter: none; margin-bottom: 5px;}
.organisations_data ul li:hover img{width: 35px;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}

.recent_doc ul{display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 15px; grid-row-gap: 15px;}
.recent_doc ul li{border: 1px solid #0f5757; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(35, 35, 47, .06), 0 4px 8px 0 rgba(35, 35, 47, .08); box-sizing: border-box; padding: 15px;}
.recent_doc ul li > span{color: #0f5757; font-size: 1.1em;} 
.recent_doc ul li p >a{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-decoration: none; color: #150202; font-weight: 400; font-size: 1.1em;}


/***Minister Col***/
.minister-block-mib{display: flex ; column-gap: 20px;}
.minister_details h4{margin-bottom: 5px; color: #150202;}
.minister-wrap-col img{width: 172px; height: 172px; border: 2px solid #ebeaea; border-bottom: 6px solid #0f5757; object-fit: cover; margin-bottom: 10px;}
.minister_details p{text-transform: uppercase; font-size: 1em;}
.about-ministry-col p{font-weight: 400;font-size: 1.1em;line-height: 30px;text-align: justify;}

/***Key Offerings***/
.key-offerings ul.quicktabs-tabs{padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; background: #fff; border: none; border-bottom: none !important;}
.key-offerings ul.quicktabs-tabs li{text-align: center; border: .5px solid #0f5757;}
.key-offerings ul.quicktabs-tabs li:first-child{border-top-left-radius:4px; border-bottom-left-radius:4px;}
.key-offerings ul.quicktabs-tabs li:last-child{border-top-right-radius:4px; border-top-right-radius:4px;}
.key-offerings ul.quicktabs-tabs li a{background-color: transparent; display: block; padding: .7rem 0.8rem !important;}
.key-offerings ul.quicktabs-tabs li.active > a{background-color: #0f5757 !important; color: #fff !important; width: 100%; font-weight: 500;}
.key-offerings ul.quicktabs-tabs li.active >a::before{background-color: transparent !important;}
.key-offerings .quicktab-back{background-color: #fff; margin-top: 12px; border-radius: 4px; padding: 0 16px; height: 245px; overflow-y: auto;} 
.key-offerings .quicktab-back > ul{padding: 0; margin: 0;}
.key-offerings .quicktab-back > ul li{padding: 10px 20px; border-bottom: 1px solid #a6d9d9; display: flex; justify-content: space-between; align-items: center;}
.key-offerings .quicktab-back > ul li i, .important-links-col ul li i{font-size: 2rem !important; transform: scale(0.7);}
.key-offerings .quicktab-back > ul li a{display: block; color: #150202; font-size: 14px;}


/***Whats New***/
.whats_new .whats-new-mib-newanas{background-color: #0f5757; height: 304px; border-radius: 4px; overflow-y: auto; padding: 15px;}
.whats_new .whats-new-mib-newanas .whatsnew-mib{display: flex; justify-content: space-between; align-items: center; padding: 15px 16px; box-sizing: border-box; border-bottom: 1px solid #ffffff; gap: 1.5rem;}
.whats_new .whatsnew-mib > a{color: #fff; color: #fff;}
.whats_new .whatsnew-mib i{font-size: 2rem !important; transform: scale(0.7); color: #fff;}

.persona-image img{border: none !important;}
.personas_img{width: 200px; display: block; margin: 0 auto;}
.personas-col .minister-slider{overflow: hidden;} 


.social_feeds{background-color: #fff; padding: 12px; box-sizing: border-box; border-radius: 4px;}
.social_feeds.youtube_feeds iframe{width: 100%; height: 180px;}
.social_feeds iframe{width: 100% !important; height: 320px !important;}
.social_media_fedds_sec h1{color: #fff; font-size: 1.3em !important; gap: 16px !important;}
.social_media_fedds_sec h1>img{filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}


/***Important links***/
.important-links-col ul{padding: 0; margin: 0; height: 280px; overflow-y: auto;}
.important-links-col ul li{padding: 10px 0; border-bottom: 1px solid #dee2e6; display: flex ; align-items: center; justify-content: space-between; column-gap: 10px;}
.important-links-col ul li a{color: #150202;}


/***Advertisement Slider***/
.advertisement-slider .slick-next{right: 25px; z-index: 1; color: #000;}
.advertisement-slider .slick-prev{left: 25px; z-index: 1; color: #000;}
.pm-post-banner a{display: block;}
.pm-post-banner img{width:calc(100% - 15px);border-radius: 4px;height: 214px;} 
.pm-post-banner video{height: 214px;border-radius: 12px;object-fit: initial;}

/***Footer Section***/
.footer-banner .container-mib{max-width: 1012px;}
.footer-banner{border-top: 2px solid #ebeaea;}
.footer-section .copyright-content{float: none; font-size: 93.75%; margin-top: 25px; padding: 0;}
.footer-section .copyright-content p{margin: 0;}
.footer-section .social-links-ext{padding: 0; margin: 0; display: flex; column-gap: 15px; justify-content: end;}
.footer-banner .slick-slide, .footer-banner .slick-active{opacity: 1 !important;}
.footer-section .india-gov-footer{display: flex; flex-wrap: wrap; column-gap: 15px; margin: 20px 0 !important;; padding: 0; justify-content: end;}
.footer-section .india-gov-footer a{background-color: #fff; box-sizing: border-box; padding: 10px 5px; display: inline-block; border-radius: 4px; color: #000 !important;}
.footer-section .india-gov-footer img{width: 100px;}
.usefull-link ul>li::before{content: '\F285'; font-family: 'bootstrap-icons'; color: #fff;}
.footer-banner #toggleSlidertwo{position: absolute; left: 0px;}

/* EXTRA CSS */
.middle-sec h2 { font-size: 137%; text-transform: capitalize; font-weight: 500;}
.inner__page__banner h1 {font-size: 195% !important;font-weight: 700;padding-top: 5px;}
.advertisement-slider .slick-slide  img {display: block;height: 214px;border-radius: 9px;width: 100%;}
.advertisement-slider .slick-prev:before{ content: '\F284'; font-family: bootstrap-icons;  width: 30px; height: 30px!important;  background: #ffff; border-radius: 50%;  padding: 5px;  color: #154846 !important;  filter: opacity(0.9);}
.advertisement-slider .slick-next:before{ content: '\F285'; font-family: bootstrap-icons;  width: 30px; height: 30px!important;  background: #ffff; border-radius: 50%;  padding: 5px;  color: #154846 !important;  filter: opacity(0.9);}
.photo-gallery-details-mib.first-gallery img { height: 200px;}
.slick-footer .slick-slide {margin:0 15px ;}
.slick-footer  .slick-list {margin:0 -15px}
.cmf-site-breadcrumb>li {position: relative;display: none; font-size: 110%;}
.usefull-link ul{ margin: 0;padding: 0; display: grid; grid-template-columns: repeat(3, .3fr)!important; grid-template-rows: 1fr; grid-column-gap: 0px;  grid-row-gap: 15px;  list-style-type: none;}
.performance-card .innerpage-section p {  font-size: 120%;  text-align: justify;  color: #0b4141;  font-weight: 700;}
.performance-card .innerpage-section p{font-size: 120%!important;text-align: justify;color: #0b4141!important;font-weight: 700!important;} 

.our-team-directory-page  p.who_s_who_category {font-size: 120% !important; color: #ffffff !important;font-weight: 700 !important; padding-left: 30px;}
.our-team-directory-page  p.who_s_who_category::before {content: '';background: url(../img/office-building.svg) no-repeat;width: 30px;height: 25px;display: inline-block;background-size: contain;} 
.innerpage-section .contact-us-page p {  font-size: 120% !important;  color: #303030 !important;  font-weight: 400 !important;  padding-left: 30px;}
.contact-us-page .web-info img {  width: 217px;  padding-left: 25px;}
.performance-card .performance-box {  grid-column-gap: 0px;  justify-content: space-between;  grid-template-columns: repeat(2, 1fr);  grid-template-rows: 1fr;  width: 100%;  display: flex;  padding-top: 16px;}
.performance-card .middle-sec .performance-box h5 { font-size: calc(0.3em + 0.75vw);  font-style: normal;  font-weight: 400;  line-height: 32px;   color: #0b4141;   font-size: 18px;   font-size: 24px;}
.performance-card .external-link-button { padding-left: 40px !important;  background-color: #a6d9d9;  text-align: center;  background-size: 25%;}
.performance-card .ext-link-button a{font-size: 0!important;}
.our-team-directory-page  table> caption{ caption-side: top;  font-weight: 600!important;  text-align: center;  color: #ffffff!important;  background-color: #0b4141!important;}
.performance-card .views-view-grid .card {  display: flex;  justify-content: space-between;  align-items: flex-end !important;  padding: 20px 30px;  gap: 10px;}
.level-1 {    text-transform: capitalize!important;}
.slick-footer .slick-arrow{filter: invert(1); color: #000;}

.footer-banner a:focus {
  outline: 3px solid #005fcc;  /* Strong visible blue outline */
  outline-offset: 4px;
  border-radius: 4px;
  box-shadow: 0 0 0 4px rgba(0, 95, 204, 0.3); /* Optional glow effect */
}

.footer-banner a:focus img {
  background-color: #e6f0ff;
  border-radius: 4px;
  padding: 4px; /* Optional to create some spacing */
}
#back-to-button .bi-arrow-up::before{width: 24px; height: 24px;}


input[type="search"] {    
    height: 36px;    
    padding: 0 0 0 10px;
    outline: none;
    font-size: 87.5%;
    box-sizing: border-box;
}