/* ==========================================================================
   1. IMPORTS & DESIGN TOKENS
   ========================================================================== */
@import url("gf-55453942.css");


:root {

}

/* ==========================================================================
   2. BASE STYLES & GLOBAL RESETS
   ========================================================================== */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Noto Sans", serif;
}

h1 { font-size: 1.2em !important; }
p , a{ font-size: 100%; }

/* Custom Layout Containers */
.container-mib { padding: 10px 64px; width: calc(100% - 0px); margin: 0 auto; }
.container-becil { padding: 10px 64px; width: calc(100% - 0px); margin: 0 auto; }

/* ==========================================================================
   3. UTILITY & UTILITY-PREDEFINED 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: var(--wintergreen-dream); }
.font-w-600 { font-weight: 600 !important; }
.flexslider { border: none; }
.slick-list { padding: 0 !important; }
.level-1 { text-transform: capitalize !important; }

.scroll_y { 
  max-height: 386px; 
  overflow-y: auto; 
  border-radius: 4px; 
}

/* Global Button Components */
.view_btn {
  display: flex;
  padding: 10px 12px;
  gap: 8px;
  outline: none;
  border-radius: 4px;
  color: var(--wintergreen-dream);
  background-color: #fff;
  border: 1px solid var(--wintergreen-dream);
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: .12px;
  text-decoration: none;
  box-sizing: border-box;
  width: fit-content;
}
.view_btn:hover { background: var(--azureish-white-bg) !important; color: var(--wintergreen-dream); }
.view_btn > i::before { content: "\f285"; font-weight: 900 !important; font-size: 16px; }

/* Dynamic Layout Typography Headers */
.heading-one.heading-one, 
.heading-one.heading-one a {
  color: var(--wintergreen-dream) !important;
  font-weight: 700 !important;
  font-size: 19px !important;
  text-decoration: none;
  margin-bottom: 11px !important;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.heading-one > a:hover { text-decoration: underline !important; }
.heading-one img { max-width: 32px; }

.recent_doc h1, 
.personas-col h1, 
.important-links-col h1 {
  color: var(--wintergreen-dream);
  font-weight: 700 !important;
  font-size: 18px !important;
  margin-bottom: 24px;
  gap: 10px;
}

/* ==========================================================================
   4. HEADER & STICKY NAVIGATION STYLES
   ========================================================================== */
.main_nav_col {
  border-top: 1px solid #ebeaea;
  box-shadow: 0 4px 8px 0 rgba(35, 35, 47, .08);
  border-bottom: 2px solid var(--wintergreen-dream);
  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; }
.main_nav_col .container-mib,
.main_nav_col .container-becil { padding: 0 14px !important; }


.main_nav_col ul.sf-menu > li > ul::-webkit-scrollbar {
    width: 6px;
}

.main_nav_col ul.sf-menu > li > ul::-webkit-scrollbar-thumb {
    background: #EBADCC;
    border-radius: 10px;
}

.main_nav_col ul.sf-menu > li > ul::-webkit-scrollbar-track {
    background: transparent;
}


/* submenu item spacing */
.main_nav_col ul.sf-menu ul li.sf-depth-2 a {
    padding: 12px 10px !important;
    line-height: 20px;
}

.logotext h1,
.logotext div {
  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; }
/* .skill-india-logo img {
    max-width: 100px;
    position: absolute;
    top: 10px;
    left: 175px;
} */
.side-menu img { width: 90px; }
/* .sec-3 .accessibility-tool { padding-top: 40px; } */

/* Submenu Element Lists */
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: var(--wintergreen-dream) !important; position: relative; font-weight: 700; font-size: 1.3em; background:transparent;}
.main_nav_col ul.menu > li > a.is-active::before,
.main_nav_col ul.menu > li > a.is-active::before,
.path-frontpage .main_nav_col ul.menu li > a.is-active::before,
.main_nav_col ul.menu > li.active-trail > a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 7px;
    background-color: var(--wintergreen-dream);
}

.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) !important; backdrop-filter: blur(5px); max-width: 160px; }
.main_nav_col ul.sf-menu ul li.sf-depth-2 span,
.main_nav_col ul.sf-menu ul li.sf-depth-2 a { color: #ffffff !important; 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; }
.main_nav_col ul.sf-menu ul li.sf-depth-2 a.is-active { color: #000 !important; }

.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: #EBADCC; }

/* ==========================================
   5. HERO BANNER MODULES & CORNER UTILITIES
   ========================================== */
.hero-slider-banner { height: 500px; }
.hero-slider-banner .col-lg-12 { padding: 0; }
.hero-slider-banner .slick-prev,
.hero-slider-banner .slick-next { width: 35px; height: 35px; background: #000; z-index: 10; color: #fff; }
.hero-slider-banner .slick-prev { left: 50px; }
.hero-slider-banner .slick-next { right: 50px; }
.hero-slider-banner .slick-prev:hover, .hero-slider-banner .slick-next:hover,
.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%; height: 500px; }
.slick-initialized .slick-slide { opacity: 1 !important; }

.hero-slider-banner #toggleSlider,
#toggleSliderexplore,
#toggleSlidermib { position: absolute; bottom: 54px; left: 50px; background-color: #D6E5F5; }
.hero-slider-banner .slick-dots { position: absolute; bottom: 40px; display: block; width: 100%; }
.hero-slider-banner .slick-dots li button { background-color: #fff; }
.hero-slider-banner .slick-dots li.slick-active button { background-color: var(--powder-blue); }

/* ==========================================
   6. TICKERS, MARQUEES, & ANNOUNCEMENTS
   ========================================== */
.acme-news-ticker-pause,
.hero-slider-banner .pause-btn,
.footer-banner .pause-btn,
#toggleSliderexplore.pause-btn,
#toggleSlidermib.pause-btn, .becil-play-pause[aria-label="Pause autoplay"] { background: url("../images/pause_icon.svg") no-repeat; border: none; font-size: 0; width: 25px; height: 25px; background-position: center center; }
#toggleSliderexplore.pause-btn { background: #fff url("../images/pause_icon.svg") no-repeat; border-radius: 2px; background-position: center center; }

.acme-news-ticker-pause.play-btn,
.hero-slider-banner .play-btn,
.footer-banner .play-btn,
#toggleSliderexplore.play-btn,
#toggleSlidermib.play-btn, .becil-play-pause[aria-label="Play autoplay"] { 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; display: flex; white-space: nowrap; }
.announcement-box-marquee .col-lg-12 { display: flex; }
.announcement-box-marquee .announcement-title-div h1,
.announcement-box-marquee .announcement-title-div h2 { margin-bottom: 0; display: flex; align-items: center; column-gap: 5px; color: var(--wintergreen-dream); flex-wrap: 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 Component Section */
.quotes-text .quote { font-size: 3.4rem !important; color: var(--powder-blue); display: block; max-height: 40px; font-family: Material Symbols Outlined; }
/* .quotes-text p { color: var(--wintergreen-dream); } */
.quotes-text h4 { color: var(--wintergreen-dream); font-size: 1.6rem; border-bottom: 1px solid var(--wintergreen-dream); padding-bottom: 0.5em; }
.quotes-text ul li > span { color: var(--wintergreen-dream); font-style: normal; font-weight: bold; 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; }

/* ==========================================
   7. CORPORATE LOGOS & GRID CARDS
   ========================================== */
.organisations_data ul.d-flex { padding-left: 0px; }
.organisations_data ul li {
  width: 100%;
  text-align: center;
  min-height: 60px;
  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 var(--wintergreen-dream);
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
}
.organisations_data ul li:hover { background-color: var(--wintergreen-dream); 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%); }

/* Document Rows Component */
.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 var(--wintergreen-dream); 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; transition: all .2s linear; }
.recent_doc ul li > span { color: var(--wintergreen-dream); 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;}
.recent_doc ul li:hover { transform: translateY(-5px); background-color: var(--azureish-white-bg); transition: all .2s linear; }

/* ==========================================
   8. MINISTERS & EXECUTIVE BIOGRAPHY PLAYS
   ========================================== */
.minister5{margin-top: 34px;}
.minister-block-mib { display: flex; column-gap: 20px; }
.minister_details h4 { margin-bottom: 5px; color: #150202; }
.minister_details h3 { margin-bottom: 5px; color: #150202; font-size: 1.5rem; }
#block-unee-views-block-becil-minister-block-1 .minister1 img {
    height: 206px !important;
    
}
.minister-wrap-col img { width: 152px; height: 172px; border: 2px solid #ebeaea; border-bottom: 6px solid var(--wintergreen-dream); object-fit: cover; margin-bottom: 10px; }
.minister_details p { text-transform: uppercase; font-size: 1em; text-align:center }
.about-ministry-col p { line-height: 26px; }

/* ==========================================
   9. QUICKTABS MODULES & TABS LAYOUTS
   ========================================== */
.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; border: none; border-bottom: none !important; }
.key-offerings ul.quicktabs-tabs li { text-align: center; border: .5px solid var(--wintergreen-dream); }
.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: var(--wintergreen-dream) !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: 16px 24px;
  border-bottom: 1px solid #EBADCC;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url("") no-repeat;
  background-position: 100% center;
  background-size: 5%;
}
.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: 100%; }

/* What's New Feed Section */
.whats_new .whats-new-mib-newanas { background-color: var(--wintergreen-dream); height: 304px; border-radius: 4px; overflow-y: auto; padding: 0px; }
.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;
  background: url("") no-repeat 100% center / 10% transparent;
  transition: background-color .2s linear;
}
.whats_new .whats-new-mib-newanas .whatsnew-mib:hover {
  background: var(--eagle-green) url("") no-repeat 100% center / 10%;
  transition: background-color .2s linear;
}
.whats_new .whatsnew-mib > a { color: #fff; padding-right: 20px; }
.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; }

.path-video-gallery-typefour .middle-sec .views-view-grid .col-lg-4.col-md-6 > div { background: #f5f5f5; padding: 10px; }
.contact-us-page .web-info { background: url("") no-repeat -2px 7px / 6%; }

/* ==========================================
   10. SOCIAL RICH MEDIA FEEDS & IFRAMES
   ========================================== */
.social_feeds {
  background-color: #fff;
  padding: 12px;
  box-sizing: border-box;
  border-radius: 4px;
  max-height: 386px;
  overflow-y: auto;
  min-height: 386px;
}
.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%); }
.social_media_fedds_sec h2 { color: #fff !important; font-size: 24px; }

/* Important Shared Links Grid */
.important-links-col ul { padding: 0; margin: 0; height: 280px; overflow-y: auto; }
.important-links-col ul li { padding: 10px 0 10px 14px; border-bottom: 1px solid #dee2e6; display: flex; align-items: center; justify-content: space-between; column-gap: 10px; transition: background-color .2s linear; }
.important-links-col ul li a { color: #150202; text-decoration: none; }
.important-links-col ul li:hover { background-color: var(--azureish-white-bg); transition: background-color .2s linear; }
.important-links-col ul li:hover a { color: var(--powder-blue); }

/* ==========================================
   11. CAROUSELS & THIRD-PARTY SLICK ARROWS
   ========================================== */
.advertisement-slider { position: relative; }
.advertisement-slider .slick-arrow { opacity: 0; filter: none; }
.advertisement-slider:hover .slick-arrow { opacity: 1; width: auto; height: auto; }
.advertisement-slider .slick-next { right: 10px; z-index: 1; color: #000; }
.advertisement-slider .slick-prev { left: 10px; z-index: 1; color: #000; }

.pm-post-banner a { display: block; }
.pm-post-banner img { width: calc(100% - 15px); border-radius: 12px; height: 214px; }
.pm-post-banner video { height: 214px; border-radius: 12px; object-fit: initial; }
.slick-slider-homepage { margin-bottom: 0px !important; }

/* ==========================================
   12. WEB FOOTER BRAND ELEMENT LINES
   ========================================== */
.footer-banner .container-mib,
.footer-banner .container-becil { 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: 10px 0 !important; padding: 0; justify-content: end; }
.footer-section .india-gov-footer a { background-color: #fff; box-sizing: border-box; padding: 10px 5px; display: flex;height: 60px;align-items: center; border-radius: 4px; color: #000 !important; }
.footer-section .india-gov-footer img { width: 100px; }
.footer-banner .slick-footer .slick-prev.slick-arrow {
    top: 45px; left: -40px;
}

.footer-banner .slick-footer .slick-next.slick-arrow {
    top: 45px; right: -40px;
}

.usefull-link ul > li::before { content: '\F285'; font-family: 'bootstrap-icons'; color: #fff; }
.footer-banner #toggleSlidertwo { position: absolute; left: -30px;bottom: -15px;}

/* Focus Accessibility Parameters */
.footer-banner a:focus {
  outline: 3px solid #005fcc;
  outline-offset: 4px;
  border-radius: 4px;
  box-shadow: 0 0 0 4px rgba(0, 95, 204, 0.3);
}
.footer-banner a:focus img { background-color: #e6f0ff; border-radius: 4px; padding: 4px; }

/* ==========================================
   13. INTERNAL COMPONENT EXTRA SPECIFICS
   ========================================== */
.middle-sec h2 { /* 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: 12px; width: 100%; }
.advertisement-slider .slick-prev:before,
.advertisement-slider .slick-next:before {
  font-family: bootstrap-icons;
  width: 30px;
  height: 30px !important;
  background: #ffff;
  border-radius: 50%;
  padding: 5px;
  color: #5A1035 !important;
  filter: opacity(0.9);
}
.advertisement-slider .slick-prev:before { content: '\F284'; }
.advertisement-slider .slick-next:before { content: '\F285'; }

.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; 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% !important; text-align: justify; color: var(--wintergreen-dream) !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("../images/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 .row{margin: 10px 0;}

.performance-card .performance-box { width: 100%; display: flex; gap: 10px; padding-top: 16px; }
.performance-card .middle-sec .performance-box h5 { font-style: normal; font-weight: 400; line-height: 32px; color: var(--wintergreen-dream); font-size: 24px; }
.performance-card .performance-box img { width: 156px; height: 220px; object-fit: cover; border-radius: 10px;  } 
.path-persona-media-page .performance-card .performance-box img {width:auto !important; height:auto !important;}

.performance-card .external-link-button { padding-left: 40px !important; background-color: #EBADCC; text-align: center; background-size: auto; }
.path-persona-media-page .card .ext-link-button-per .external-link-button {
  padding: 15px 0 ;
}
.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: var(--wintergreen-dream) !important; }
.performance-card .views-view-grid .card { height: 100%;  display: flex;  justify-content: space-between;   border: 1px solid #e5e5e5; border-radius: 12px; padding: 10px 20px; }

.slick-footer .slick-arrow { filter: invert(1); color: #000; }
#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;
}

#block-unee-pagetitle-2{display:none;}
.strategic-project-item img { width: 220px; height: 180px;  object-fit: cover; }

/* ==========================================
   14. DYNAMIC PROFILE LAYOUT MODULE (becil)
   ========================================== */
.becil-minister-details-pages { padding: 40px 20px; background: #f5f7fb; font-family: "Poppins", sans-serif; }
.becil-minister-details-pages .details-min { max-width: 1200px; margin: auto; display: flex; gap: 32px; align-items: flex-start; background: #ffffff; border-radius: 20px; padding: 30px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); }
.becil-minister-details-pages img { width: 260px; height: auto; border-radius: 18px; object-fit: cover; position: sticky; top: 20px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); border: 4px solid #fff; }

.becil-minister-details-pages .desc, 
.becil-minister-details-pages .desc .card { flex: 1; display: flex; flex-direction: column; gap: 14px; border: 0px; }

.becil-minister-details-pages .desc p { margin: 0; display: grid; grid-template-columns: 240px 1fr; gap: 18px; padding: 14px 18px; border-radius: 12px; background: #f8faff; border: 1px solid #e4e9f2; transition: all 0.3s ease; }
.becil-minister-details-pages .desc p:hover { background: #eef4ff; transform: translateY(-2px); }
.becil-minister-details-pages .desc p span:first-child { font-weight: 600; color: #6C1340; position: relative; }
.becil-minister-details-pages .desc p span:last-child { color: #444; line-height: 1.6; }

.becil-minister-details-pages .desc h4 { margin: 24px 0 10px; font-size: 24px; color: #6C1340; padding-bottom: 10px; border-bottom: 2px solid #F5DDE9; }
.becil-minister-details-pages .desc hr { border: none; height: 1px; background: #dbe3ee; margin: 25px 0 10px; }

/* ==========================================
   15. PORTAL INTERNAL ENGINE PATH SEARCH
   ========================================== */
.path-search .innerpage-section #block-unee-pagetitle h1 { font-size: 42px; font-weight: 700; color: #6C1340; margin-bottom: 35px; position: relative; padding-bottom: 14px; }
.path-search .innerpage-section #block-unee-pagetitle h1::after { content: ""; width: 90px; height: 4px; background: linear-gradient(90deg, #6C1340, #A32966); position: absolute; left: 0; bottom: 0; border-radius: 50px; }

.path-search .innerpage-section .search-form { background: #ffffff; border-radius: 22px; padding: 28px; box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06); margin-bottom: 45px; border: 1px solid #edf1f7; }
.path-search .innerpage-section .search-form .container-inline { display: flex; align-items: end; gap: 18px; flex-wrap: wrap; }
.path-search .innerpage-section .search-form label { display: block; font-size: 15px; font-weight: 600; margin-bottom: 10px; color: #1f2937; }
.path-search .innerpage-section .search-form .form-item { flex: 1; }
.path-search .innerpage-section .search-form .form-search { width: 100%; height: 58px; border: 1px solid #d7dfeb; border-radius: 14px; padding: 0 20px; font-size: 16px; background: #f8fbff; transition: all 0.3s ease; outline: none; }
.path-search .innerpage-section .search-form .form-search:focus { border-color: #A32966; background: #ffffff; box-shadow: 0 0 0 4px rgba(163, 41, 102, 0.12); }

.path-search .innerpage-section .search-form .form-submit { height: 58px !important; min-width: 160px; border: none; border-radius: 14px; background: linear-gradient(135deg, #6C1340, #A32966); color: #fff; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; padding: 0 28px; }
.path-search .innerpage-section .search-form .form-submit:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(108, 19, 64, 0.2); }

.path-search .innerpage-section .search-help-link { display: inline-block; margin-top: 16px; font-size: 14px; color: #A32966; font-weight: 500; transition: all 0.3s ease; }
.path-search .innerpage-section .search-help-link:hover { color: #6C1340; text-decoration: underline; }

.path-search .innerpage-section h2 { font-size: 24px; font-weight: 600; color: var(--wintergreen-dream) !important; margin-bottom: 20px; }
.path-search .innerpage-section ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 22px; }

.path-search .innerpage-section ol li { background: #ffffff; border-radius: 14px; padding: 15px; border: 1px solid var(--powder-blue); transition: all 0.35s ease; position: relative; overflow: hidden; }
.path-search .innerpage-section ol li:hover { transform: translateY(-4px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); }
.path-search .innerpage-section ol li h3 { margin: 0 0 14px; }
.path-search .innerpage-section ol li h3 a { color: var(--powder-blue); font-size: 18px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; }
.path-search .innerpage-section ol li h3 a:hover { color: var(--wintergreen-dream); }
.path-search .innerpage-section ol li p { margin: 0; color: #4b5563; font-size: 15px; line-height: 1.8; }
.path-search .innerpage-section ol li p strong { color: var(--wintergreen-dream); font-weight: 700; background: rgba(163, 41, 102, 0.12); padding: 2px 6px; border-radius: 6px; }

/* ==========================================
   16. MEDIA RESPONSIVENESS QUERY BRACKETS
   ========================================== */
@media (max-width: 992px) {
  .becil-minister-details-pages .details-min { flex-direction: column; }
  .becil-minister-details-pages img { width: 100%; max-width: 320px; position: relative; top: 0; margin: auto; }
  .becil-minister-details-pages .desc p { grid-template-columns: 1fr; gap: 8px; }
  .becil-minister-details-pages .desc p span:first-child { font-size: 14px; }
}

@media (max-width: 768px) {
  .path-search .innerpage-section #block-unee-pagetitle h1 { font-size: 32px; }
  .path-search .innerpage-section .search-form { padding: 20px; }
  .path-search .innerpage-section .search-form .container-inline { flex-direction: column; align-items: stretch; }
  .path-search .innerpage-section .search-form .form-submit { width: 100%; }
  .path-search .innerpage-section h2 { font-size: 28px; }
  .path-search .innerpage-section ol li { padding: 22px; }
  .path-search .innerpage-section ol li h3 a { font-size: 20px; }
}

@media (max-width: 576px) {
  .becil-minister-details-pages { padding: 20px 12px; }
  .becil-minister-details-pages .details-min { padding: 18px; border-radius: 16px; }
  .becil-minister-details-pages .desc h4 { font-size: 20px; }
  .becil-minister-details-pages .desc p { padding: 12px 14px; }
  .path-search .innerpage-section .container-becil { padding: 30px 15px; }
  .path-search .innerpage-section #block-unee-pagetitle h1 { font-size: 28px; }
  .path-search .innerpage-section .search-form .form-search,
  .path-search .innerpage-section .search-form .form-submit { height: 54px; font-size: 15px; }
  .path-search .innerpage-section ol li { border-radius: 16px; }
}


/* Board of Directors */
.directors-section {
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    transition: all 0.3s ease;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
}

.directors-section:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.directors-section img {
    width: 120px;
    height: 120px;
    /* object-fit: cover; */
    border-radius: 50%;
    margin: 10px auto 10px;
    display: block;
    border: 2px solid #f5f5f5;
}

 
.title-board,
.directors-section .card-title {

    margin-bottom: 10px;
    line-height: 1.4;
}

 
.text-board,
.directors-section .card-text {
    line-height: 1.6;
    margin-bottom: 0;
}

.listyoutube-fourth-type-frame{padding: 0 !important;}

/* Our Teams MInister Hoerarcy */
/* Profile Card */
.ministry-hoerarcy .ministry-profile {
    position: relative;
    display: block;
    width: 50%;
    margin: 0 auto 80px;
    padding: 25px 20px 20px;
    background: #fff;
    border: 1.5px solid #dbdbdb !important;
    border-radius: 6px !important;
    box-shadow: none;
    color: #333;
    text-decoration: none;
}


/* Vertical connector */
.ministry-hoerarcy .ministry-profile:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #000;
    transform: translateX(-50%);
}


/* Image circle */
.ministry-hoerarcy .ministry-profile .img {
    width: 90px;
    height: 90px;
    margin: -65px auto 10px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #fff;
    background: #fff;
    box-shadow: 3px 6px 8px #00000021;
}


/* Profile image */
.ministry-hoerarcy .ministry-profile .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Designation text */
.ministry-hoerarcy .ministry-profile span {
    display: block;
    margin-bottom: 7px;
    font-size: 77% !important;
    font-weight: 500;
    color: #6C1340;
}



/* Modal */
.ministry-hoerarcy .minister-popup {
    max-width: 600px;
}


.ministry-hoerarcy .modal-content {
    border-radius: 10px;
    border: none;
}


.ministry-hoerarcy .modal-header {
    border-bottom: 1px solid #ddd;
}


.ministry-hoerarcy .modal-body {
    text-align: center;
}


/* Modal Image */
.min-popup-image img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 4px 10px #00000020;
}


/* Modal designation */
.min-popup-designation {
    display: block;
    margin-top: 15px;
    color: #6C1340;
    font-size: 16px;
    font-weight: 600;
}


/* Modal Name */
.min-popup-title {
    margin-top: 10px;
    color: #4F0E2F;
    font-size: 24px;
    font-weight: 600;
}

/* Hide connector after last card if required */
.ministry-hoerarcy .ministry-profile:last-of-type:before {
    display:none;
}

/* Mobile */
@media(max-width:768px){
    .ministry-hoerarcy .ministry-profile {
        width: 90%;
    }

    .ministry-hoerarcy .ministry-profile .img {
        width:80px;
        height:80px;
    }
}

/* ==========================================================================
   BECIL v3 Reference Design Components & Refinements
   ========================================================================== */

/* Text Alignment */
.quotes-text, .about-ministry-col p {
    text-align: justify;
}

/* QuickTabs Styling matching BECIL Burgundy Brand Palette */
ul.quicktabs-tabs > li, ul.quicktabs-tabs > li a {
    cursor: pointer !important;
}
#quicktabs-key_offerings ul.quicktabs-tabs > li > a {
    background: #fff !important;
    color: var(--wintergreen-dream) !important;
    opacity: 1 !important;
    font-weight: 500 !important;
    transition: all 0.2s ease-in-out !important;
}
#quicktabs-key_offerings ul.quicktabs-tabs > li.active > a{
    background: var(--wintergreen-dream) !important;
    color: #fff !important;
    font-weight: 600 !important;
}

/* Main Navigation Menu Submenu on Hover */
ul.sf-menu li > ul.pv-sub {
    display: none !important;
    width: 14em;
    left: 0;
}
ul.sf-menu li:hover > ul.pv-sub {
    display: block !important;
}

/* Social Media Cards Component */
.pv-card {
    background: #fff;
    color: #0f1419;
    font-family: 'Noto Sans', Arial, sans-serif;
    height: 320px;
    overflow: hidden;
    border: 1px solid #e1e8ed;
    border-radius: 12px;
    padding: 12px;
    box-sizing: border-box;
    text-align: left;
    margin-top: 10px;
}
.pv-tw-head, .pv-ig-head {
    display: flex;
    align-items: center;
    gap: 10px;
}
.pv-tw-head img, .pv-ig-head img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #e1e8ed;
    object-fit: contain;
    background: #fff;
    flex: none;
}
.pv-tw-head b, .pv-ig-head b {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 14px;
    line-height: 1.2;
}
.pv-tw-head span, .pv-ig-head span {
    display: block;
    font-size: 13px;
    color: #536471;
}
.pv-tw-head i {
    margin-left: auto;
    font-style: normal;
}
.pv-tw p {
    font-size: 14px;
    line-height: 1.45;
    margin: 12px 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pv-tw-date {
    font-size: 12px;
    color: #536471;
    padding-bottom: 10px;
    border-bottom: 1px solid #eff3f4;
}
.pv-tw-foot {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #536471;
    padding-top: 8px;
}
.pv-yt {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
    margin: 10px 0 12px;
}
.pv-yt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.pv-yt-top {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 8px 10px 18px;
    background: linear-gradient(rgba(0, 0, 0, 0.8), transparent);
    color: #fff;
    font-family: Roboto, Arial, sans-serif;
}
.pv-yt-top b {
    display: block;
    font-size: 13px;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pv-yt-top span {
    font-size: 11px;
    opacity: 0.85;
}
.pv-yt-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 0;
}
.pv-fb {
    display: block;
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: top left;
    margin-top: 10px;
}
.pv-ig-head small {
    display: block;
    font-size: 12px;
    color: #262626;
}
.pv-ig-btn {
    background: #0095f6;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    padding: 6px;
    font-size: 13px;
    font-weight: 600;
    margin: 10px 0;
    cursor: pointer;
}
.pv-ig-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3px;
}
.pv-ig-grid img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    display: block;
}
.pv-ig-more {
    aspect-ratio: 1;
    background: #fafafa;
    color: #262626;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
}
.pv-video {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

/* CMD MEssage & Profile Sticky Image */
.cmd-img{
    position:sticky;
    top:85px;
    border: 1.5px solid #dbdbdb;
    border-radius: 6px;
    padding: 20px;
}


/* Inner Images of Media Section  */

.node-card .card-img-top a {
  display: block;
  width: 100%;
}
.node-card p{text-align: left !important;}


#block-unee-views-block-photo-gallery-event-block-1 .row > [class*="col-"] {
  padding-bottom: 1.5rem;
}

.views-field-nothing,
.views-field-nothing .field-content {
  height: 100%;
}



#block-unee-quicktabsclientscategories #quicktabs-clients_categories{
    display: flex;
    gap: 10px;
}
#block-unee-quicktabsclientscategories #quicktabs-clients_categories > .quicktabs-tabs{
    display: flex;  
    flex-direction: column; 
    padding: 0px; 
    background: #fff;
    gap: 5px;
    border-bottom:0px !important;
}
#block-unee-quicktabsclientscategories #quicktabs-clients_categories .quicktabs-tabs li{
    margin-bottom: 0px!important;
}
#block-unee-quicktabsclientscategories #quicktabs-clients_categories .quicktabs-tabs li a{
    width: 100%;
    background: var(--azureish-white-bg);
    font-weight: 500;
}
#block-unee-quicktabsclientscategories #quicktabs-clients_categories .quicktabs-tabs li.active a{
    background-color: var(--powder-blue) !important;
    color: #fff !important;
}


.card-highlight{background-color: var(--azureish-white-bg); padding: 20px; border-radius: 10px;}

/* Table col width fix */
.cols-3 tr>td{width: 33%;}
.cols-4 tr>td{width: 25%;}

#quicktabs-finance ul{padding-left:0 !important; border-bottom:none !important;}

#block-unee-usefulllink h2, #block-unee-mainnavigation-2 h2{display:none;}

.services-solution.solution-section-wrapper {
    margin-top: 8px;
}