/* ===============================
   ILF — Exact Theme from PDF
   =============================== */
:root{
  --ilf-blue:#157ff2;           /* primary blue (titles/links) */
  --ilf-blue-deep:#095d91;      /* darker blue */
  --ilf-hero-blue1:#157ff2;     /* hero gradient top */
  --ilf-hero-blue2:#0066cc;     /* hero gradient bottom */
  --ilf-yellow:#ee8921;         /* CTA */
  --ink:#0B1B17;                /* body ink */
  --muted:#6B7C75;
  --bg-soft:#F5F8FF;
  --border:#DFE7F2;
  --radius:18px;
  --shadow1:0 8px 18px rgba(0,0,0,.08);
  --shadow2:0 16px 40px rgba(0,0,0,.12);
}
.desc-bx p {
    padding-right: 20px;
    min-height: 100px;
}
.ss-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&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');

h1,h2,h3,h4,h5,h6 {
  font-family: "Poppins", sans-serif;
    
}
p, ul, li , a, span, ol {
    font-family: "DM Sans", sans-serif;
}
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

/*@font-face {
  font-family: 'ClashGrotesk-Extralight';
  src: url('../fonts/ClashGrotesk-Extralight.woff2') format('woff2'),
       url('../fonts/ClashGrotesk-Extralight.woff') format('woff'),
       url('../fonts/ClashGrotesk-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Light';
  src: url('../fonts/ClashGrotesk-Light.woff2') format('woff2'),
       url('../fonts/ClashGrotesk-Light.woff') format('woff'),
       url('../fonts/ClashGrotesk-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Regular';
  src: url('../fonts/ClashGrotesk-Regular.woff2') format('woff2'),
       url('../fonts/ClashGrotesk-Regular.woff') format('woff'),
       url('../fonts/ClashGrotesk-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Medium';
  src: url('../fonts/ClashGrotesk-Medium.woff2') format('woff2'),
       url('../fonts/ClashGrotesk-Medium.woff') format('woff'),
       url('../fonts/ClashGrotesk-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Semibold';
  src: url('../fonts/ClashGrotesk-Semibold.woff2') format('woff2'),
       url('../fonts/ClashGrotesk-Semibold.woff') format('woff'),
       url('../fonts/ClashGrotesk-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Bold';
  src: url('../fonts/ClashGrotesk-Bold.woff2') format('woff2'),
       url('../fonts/ClashGrotesk-Bold.woff') format('woff'),
       url('../fonts/ClashGrotesk-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}*/
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 700.0;
*
* available axes:
'wght' (range from 200.0 to 700.0
*/
/*@font-face {
  font-family: 'ClashGrotesk-Variable';
  src: url('../fonts/ClashGrotesk-Variable.woff2') format('woff2'),
       url('../fonts/ClashGrotesk-Variable.woff') format('woff'),
       url('../fonts/ClashGrotesk-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}
*/

/*blue color: #157ff2
light blue : #439af7;
*/
.light-blue {
background:#439af7;}
.p-50 { padding:40px 0; }
.ms-box h2 {
    color: #157ff2;
    font-weight: 700;
    margin-top: 0;
}
.ms-box h2 {
    text-align: left;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* vertical-align: middle; */
    height: 100%;
}.btn-circle i {
    border: 1px solid #000000;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
p, li, span, .description {
    font-family: "DM Sans", sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 18px;
    line-height: 28px;
}
.display-3, .display-6, .innovate-card h5, .incubation-hero h1, h2, h3, .section-title {
  font-family: "Poppins", sans-serif;
    color: #157ff2;
    font-weight: 700;
}
.img-blok img {
    max-width: 180px;
}
.img-blok {
    background: #fff;
    min-height: 250px;
    border-radius: 10px;
    border: 2px solid #439af7;
    justify-content: center;
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section#operations ul.thrust-img-block li:nth-child(1) {
    margin-bottom: 0px;
}
ul.navbar-nav.ms-auto.align-items-lg-center.ilf-menu li.nav-item {
    margin-right: 10px;
}
a.navbar-brand.d-flex.align-items-center.gap-2 img {
    max-width: 120px;
}
html{scroll-behavior:smooth}
body{  font-family: 'ClashGrotesk-Light';color:var(--ink);}

/* ============ NAV ============ */
.ilf-nav .nav-link{font-weight:300; position:relative; color: #000;}
.ilf-nav .nav-link:hover,
.ilf-nav .nav-link:focus{color:var(--ilf-blue);}
.ilf-menu .nav-link::after{
  content:""; position:absolute; left:.6rem; right:.6rem; bottom:.35rem;
  height:2px; transform:scaleX(0); transform-origin:left; background:var(--ilf-blue); transition:.2s;
}
.heading-block-thrust h3 {
    color: #157ff2;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
}
p.company-city { font-weight:700; }
section.cta-split h3.mb-0.fw-extrabold {
    color: #000000;
}
a.btn.btn-dark.btn-lg {
    font-size: 20px;
    font-family: 'ClashGrotesk-Bold';
    letter-spacing: 1px;
    background: #fff;
    border: none;
    color: #000000;
    border-radius: 14px;
}
.heading-block-thrust h6 {
    font-size: 18px;
    color: #000000;
}
.heading-block-thrust h6 span {
    color: #157ff2;
    font-size: 18px;
}

.heading-block-thrust h2 { font-size:18px; font-weight:400;color:#000000; }

 .ct-bloc p {
    text-align: center;
    font-size: 18px;
}
 .ct-bloc h3 {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}.thrust-img {
    text-align: center;
    padding: 20px 0;
}
.ilf-menu .nav-link:hover::after{transform:scaleX(1);}

/* ============ HERO ============ */
.hero{ position:relative; color:#000000; height:100vh; }
.hero-bg{
  position:absolute; inset:0; z-index:-1;
    background: url('../images/banner.jpg') no-repeat;
        background-position: center right;
    background-size: cover;
}
header.hero.position-relative.overflow-hidden .container.position-relative {
    flex-direction: column;
    height: 100%;
    display: flex;
    justify-content: space-around;
}
.section.section.programs {
    background: url('../images/programme-bg.png') no-repeat;
        background-position: center right;
    background-size: cover;
    padding: 60px 0;
    position: relative;
}
ul.ct-block-off li:nth-child(1) {
    text-align: left;
}
section.brand-logo-block {
    padding: 60px 0;
    position: relative;
        background: url('../images/img-block.jpg') no-repeat;
        background-position: center right;
    background-size: cover;
}
.pg-box {
    border: 3px solid #fce104;
    border-radius: 20px;
    height: 100%;
}

.desc-block-bionest p {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
}
.desc-block-bionest-section {
   padding: 50px 0;
   position: relative;
} 
footer.copy-right {
    text-align: center;
    background: #000000;
    color: #fff;
}footer.copy-right p {
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 10px 0;
}
.footer-brand img {
    padding-bottom: 10px;
    max-width: 150px;
}
.desc-block-bionest {
    background: url(../images/png_block.png) no-repeat;
    background-position: center right;
    background-size: 100% ;
    display: flex;
    flex-direction: column;
    justify-content: center;
}.desc-block-bionest p {
  /*  width: 60%;
    margin: 0 auto;*/
    text-align: center;
    padding: 140px 0 300px;
}
.desc-block p {
    text-align: center;
    font-size: 22px;
    padding: 10px 25px;
    margin: 0;
    min-height: 75px;
}
.about-mission {
   background: url('../images/white_bg.png') no-repeat;
        background-position: bottom;
    background-size: cover;
    padding: 100px 0;
    position: relative;
}
.brochure-download-section {
  background: url('../images/support_bg.png') no-repeat;
        background-position: bottom;
    background-size: cover;
    padding: 100px 0 150px;
    position: relative;
    z-index: 1;

}
section.brochure-download-section {
    z-index: 0;
}
.brochure-download-section .donalod-btn a {
font-family: "DM Sans", sans-serif;
}
.fw-semibold,  .donalod-btn a {
font-family: "DM Sans", sans-serif;
}
.first-child-lst { margin-bottom:70px; }
.section.section.programs:before {
  content: "";
  background: #0d6efdbd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
ul.ct-block-on li:last-child {
    background: #fff;
    border-radius: 20px;
    flex: 0 0 38%;
}
ul.ct-block-off li:first-child {
    background: #fff;
    border-radius: 20px;
}
ul.ct-block-off li:first-child {
    flex: 0 0 60%;
}
ul.ct-block-on li:last-child {
    flex: 0 0 60%;
}
ul.ct-block-on li:first-child {
    flex: 0 0 38%;
}


.pg-box {
    padding: 20px;
}
.ct-img {
    width: 100%;
    height: 100%;
    display: flex
;
    object-fit: contain;
}.pg-box h2 {
    font-size: 22px;
}
.section.section.programs div p { z-index:899; }
.p-20 { padding:20px 0; }
ul.ct-block-on li img, ul.ct-block-off li img { width:100%; }
ul.ct-block-off li:last-child { flex:0 0 38%; }
.section.section.programs div { z-index:999; }
.hero h1 {color:#000000; font-weight: 600;font-size: 32px; text-shadow: 1px 2px 3px #2d2d2d;}
.hero p { font-size:16px;line-height:20px;font-weight:500; }
.text-hero-sub{color:#000000; font-weight: 600;font-size: 32px; text-shadow: 1px 2px 3px #2d2d2d;}
.hero .lead{max-width:920px;padding-right: 0px}
.hero-card{min-height:360px; background:#cfe7fb;}
.hero .container{z-index:2;}
.text-white-80{color:rgba(255,255,255,.9)!important;}
.btn-cta-yellow{
  background:var(--ilf-yellow); border-color:var(--ilf-yellow); color:#fff;border-radius: 50px;
}a.nav-link.active {
    color: #157ff2 !important;
    font-weight: 700 !important;
font-family: "DM Sans", sans-serif;
}
.hero-bn-ct .btn-cta-yellow {
    border: 2px solid #fff;
    padding: 10px 30px;
    font-size: 18px;

}
footer.footer h6 { color:#fce104 !important; font-family: "DM Sans", sans-serif;text-transform:unset !important;position:relative; margin-bottom:20px; }
.yeloww-btn:visited, .yeloww-btn:focus, .yeloww-btn:active, .yeloww-btn:hover, .hero-bn-ct .btn-cta-yellow:hover, .hero-bn-ct .btn-cta-yellow:active, .hero-bn-ct .btn-cta-yellow:focus, .hero-bn-ct .btn-cta-yellow:visited {
  background: #3692f2 !important;
  color: #fff !important; 
} 
footer .col-12.col-lg-4, footer .col-lg-4.col-12:nth-child(1) {
    border-right: 1px solid #fff;
}
footer .col-12.col-lg-4:last-child {
    border: none;
}
.usefil-links {
    padding: 0px 30px;
}
.ct-box { padding-right:20px; }
.btn-cta-yellow:hover{filter:brightness(.96);}
.hero-down{
  position:absolute; left:50%; bottom:-22px; transform:translateX(-50%);
  width:44px;height:44px;border-radius:999px;color:#1b1b1b;background:#fff; box-shadow:var(--shadow1);
  z-index:3; font-size:1.25rem;
}.style-block { padding:0;display:flex; flex-wrap:wrap; justify-content:space-between; color:#fff; }
.style-block li {
    flex: 0 0 24%;
    background: linear-gradient(to top, #137FF2, #63A7FF);
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 40px 20px;
}.style-block li img { max-width:70px; }
.style-block li a {
    color: #000000;
    background: #fce104;
    padding: 10px 25px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 18px;
   font-family: "DM Sans", sans-serif;
}section.block-section {
    z-index: 99999999;
    margin-top: -120px;
}.gallery-item img {
  transition: 0.35s ease;
  border-radius: 8px;
}
.nidhi-card {
  transition: 0.3s ease;
}
.nidhi-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
}
.ss-card {
  transition: 0.3s ease;
}
.ss-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 26px rgba(0,0,0,0.12);
}
section.hero-btw-section .icon-desc-box h2, section.hero-btw-section .icon-desc-box p {
    color: #fff;
}
.gallery-item:hover img {
  transform: scale(1.06);
  box-shadow: 0px 12px 25px rgba(0,0,0,0.2);
}

.brochure-download-section:before {
    content: close-quote;
    background: #000000c4;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.brochure-download-section div { z-index:999; }
.csr-broch a { width:100%; }
.style-block li h2, .style-block li p { color:#fff; }
.style-block li a { color:#000000; }
.donalod-btn { text-align:center; }
.donalod-btn a {
    background: #fce104;
    padding: 10px 20px;
    border-radius: 50px;
    color: #000000;
    text-decoration: none;
    font-weight: 600;
    margin: 0 auto;
}
.icon-block-hero-banner{
   background: url('../images/box_bg.png') no-repeat;
        background-position: center right;
    background-size: cover;
    margin-top: -50px;
        border-radius: 50px;
}footer p.small.text-white-70 {
    padding: 15px 0 0;
}
.donalod-btn.text-center .donalod-btn a , .brochure-download-section .donalod-btn a {
    font-family: "DM Sans", sans-serif;
    border: none;
    min-width: 230px;
}

.style-block li h2 {
    font-size: 32px;
    margin: 10px 0 0;
    font-weight: 500 !important;
}
footer.footer h6:after {
    content: "";
    background: url(../images/icons/curveyellow.png) no-repeat;
    position: absolute;
    bottom: -77px;
    width: 80px;
    height: 73px;
    background-size: 100%;
    left: -4px;
    right: 0;
}
.nidhi-card { text-align:center; }
.nidhi-card img {
    width: 100%;
    max-width: 100%;
    border-radius: 25px;
   
}
    .nidhi-card{background:#fff;border:2px solid #488bf7;border-radius:16px;padding:22px;height:100%}
    .nidhi-tag{display:inline-block;background:#2a5bd7;border:1px solid #cfe0ff;color:#fff;font-weight:700;border-radius:12px;padding:4px 10px;font-size:14px;margin-bottom:10px}
    .nidhi-logo{max-height:74px;object-fit:contain}
    .nidhi-title{font-weight:700;margin:10px 0 6px;color: #2d2d2d;}
    .nidhi-link{display:inline-block;margin-top:10px;border:1px solid #b7cffc;border-radius:12px;padding:6px 12px;font-weight:600;text-decoration:none}
    .nidhi-link:hover{background:#4c8cf7;transition:  ease all .3s; color: #fff;}
    .section-head .sub{color:#2d2d2d;font-weight:800}
.nidhi-desc { color:#2d2d2d;font-size:16px; }
.icon-block-hero-banner > ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 50px 40px;
    border: 3px solid #fff;
    border-radius: 50px;
    margin: 0;
}a.nidhi-link {
    border-radius: 50px;
    font-size: 14px;
    text-transform: unset;
    padding: 10px 20px;
}
 .sisfs-title { font-size:38px; font-weight:800; color:#003366; }
    .card-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:25px; }
    .ss-card {
      background:#fff;
      padding:25px;
      border-radius:15px;
      text-align:center;
      min-height:310px;
      box-shadow:0 4px 10px rgba(0,0,0,0.05);
      border:2px solid #488bf7;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }
    .ss-card .card-content {
      display:flex;
      flex-direction:column;
      flex-grow:1;
      height:100%;
    }
    .ss-card img { max-height:75px; margin-bottom:15px; object-fit:contain; }
    .ss-card h4 { font-weight:700; font-size:18px; color:#2d2d2d; }
    .ss-card .card-content p {
      color:#2d2d2d;
      font-size:16px;
      flex-grow:1;
      /*margin-bottom:16px;*/
/*      display:-webkit-box;*/
      -webkit-line-clamp:3;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis;
      line-height:1.5;
      min-height:45px;
    }
    .ss-card strong { display:block; margin-top:10px; }
    .ss-company {
      margin-top:auto;
      padding-top:16px;
      border-top:1px dashed #cfe1f6;
      display:flex;
      flex-direction:column;
      min-height:60px;
    }
    .ss-company .company-name{
      font-size:13px;
      font-weight:500;
      color:#157ff2;
      margin-bottom:4px;
    }
    .ss-company .company-city{
      font-size:12px;
      font-weight:700;
      color:#666;
      margin-bottom:0;
      margin-top:auto;
    }
.icon-block img {
    background: #fff;
    border-radius: 50%;
    padding: 10px;
}
.icon-desc-box h2 { font-size:18px;font-weight:700;color:#2d2d2d;margin:10px 0 0; }
.icon-desc-box p { font-size:16px;font-weight:300;color:#2d2d2d;margin:5px 0 0; }

.icon-block-hero-banner > ul li { flex:0 0 25%; padding:25px; }
.icon-block-hero-banner > ul li img { max-width:50px;  }
.icon-block-hero-banner > ul li:nth-child(1), .icon-block-hero-banner > ul li:nth-child(2), .icon-block-hero-banner > ul li:nth-child(3), .icon-block-hero-banner > ul li:nth-child(4) {
    border-bottom: 1px solid #fff;
}
.icon-block-hero-banner > ul li:nth-child(4), .icon-block-hero-banner > ul li:nth-child(8) { border-right:none; }
.icon-block-hero-banner > ul li {
    border-right: 1px solid #fff;
}
.icon-block-services ul li{
    flex: 0 0 47%;
    margin: 25px 0;

}.align-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    vertical-align: middle;
    height: 100%;
}
ul.thrust-img-block li {
    flex: 0 0 40%;
    margin-top: 20px;
}
.icon-block-services ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}.contnet-ct {
    display: flex
;
    flex-direction: column;
    justify-content: center;
    vertical-align: middle;
}

ul.thrust-img-block li {
    padding-right: 40px;
}
.block-services {
    display: flex;
    border: 1px solid #3290f3;
    border-radius: 10px;
    padding: 15px;
    height: 100%;
    flex-wrap: wrap;
}
ul.thrust-img-block {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: end;
}.icon-block-services ul li img, ul.thrust-img-block li img {
    max-width: 70px;
    height: max-content;
}.block-services .contnet-ct-img {
    display: flex;
    flex: 0 0 30%;
    text-align: center;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
}
.nidhi-link, .yeloww-btn {
    border-radius: 0;
    background: #fce104;
    color: #000000;
    padding: 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.pl-box {
    padding: 10px 20px 10px 0px;
}ul.thrust-img-block li:nth-child(1) {
    margin-bottom: 40px;
}
.display-9 { font-size:3.5rem; }
.slider .slick-slide {
  margin-right: 20px;
}
.slider .slick-list {
  margin-right: -20px;
}
ul.list-unstyled.small.footer-links li {
    flex: 0 0 45%;
    padding: 10px 0;
    position: relative;
}form#footerSubscribeForm {
    background: #fff;
    border: 1px solid #fce104;
}
button.btn.btn-sm.footer-sub {
    background: #fce104;
    border-radius: 0px;
    border: none;
}
form#footerSubscribeForm .form-control-sm {
    border: none;
}
ul.list-unstyled.small.footer-links li:after{
  content: close-quote;
  position: absolute;
  width: 100px;
  height: 1px;
  background: #fff;
  bottom: 0;
  left: 0;
  right: auto;
}
p.small.text-white-70.mb-0.ct-box {
    padding-right: 20px;
}
ul.list-unstyled.small.footer-links {
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
}
.slider-container img { width:100%;max-height:250px;object-fit:cover; object-position:center center;border-radius:20px; }
section#events, section#services, section#operations { padding:40px 0; }
/* ============ STATS STRIP ============ */
.metric{
  height:100%; border:1.5px solid var(--border); border-radius:16px; background:#fff;
  padding:1rem 1rem; display:flex; flex-direction:column; align-items:flex-start; gap:.25rem;
  transition:transform .2s ease, box-shadow .2s ease;
}
.metric:hover{transform:translateY(-2px); box-shadow:var(--shadow1);}
.metric-icon{
  width:44px;height:44px;border-radius:12px; display:grid; place-items:center;
  background:#e9f3ff; color:var(--ilf-blue); font-size:1.25rem;
}
.metric-num{font-size:1.5rem; font-weight:800; color:var(--ink); line-height:1.1;}
.metric-txt{margin:0; color:#334; font-size:.95rem;}
/* small entrance */
.ilf-animate{opacity:0; transform:translateY(14px);}

/* ============ TITLES ============ */
.title-lined{
  position:relative; display:inline-block; padding-bottom:.25rem; margin-bottom:.35rem;
}
.title-lined::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:4px; border-radius:4px;
  background:linear-gradient(90deg,#fff 0%, var(--ilf-blue) 20%, var(--ilf-blue) 80%, #fff 100%);
}
.text-ilf-blue{color:var(--ilf-blue);}

/* ============ OPERATIONS ============ */
.pill{
  display:flex; align-items:center; gap:.6rem; padding:.9rem 1rem;
  border:1.5px dashed var(--border); border-radius:16px; background:#fff;
  font-weight:700; color:var(--ilf-blue);
}
.pill i{font-size:1.1rem;}

/* ============ CTA SPLIT ============ */
.cta-split{
  background:#a3d6fc; padding:20px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border);
}

/* ============ SERVICES ============ */
.svc{
  display:flex; align-items:center; gap:.75rem; padding:1.05rem 1.1rem; border-radius:16px;
  border:1.5px solid var(--border); background:#fff; text-decoration:none; color:inherit;
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
.svc:hover{transform:translateY(-2px); box-shadow:var(--shadow1); border-color:#cfe1f6;}
.svc-ico{
  width:40px;height:40px;border-radius:12px; display:grid; place-items:center;
  background:#e9f3ff; color:var(--ilf-blue);
}

/* ============ SUPPORT ============ */
.support{position:relative; color:#fff; background: url('../images/support_bg.png') no-repeat; background-size: cover; background-position: center;padding: 50px 0;}
section.section.about-story {
  background: url('../images/gray_bg.png') no-repeat; 
  background-size: cover;
}
section.section.apply-section.aos-init.aos-animate {
background: url('../images/apply-now.png') no-repeat; 
  background-size: contain;
  background-position: center right;

}
section.block-section {
    padding-bottom: 50px;
}
.support-bg{
  position:absolute; inset:0; z-index:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.55)),
    url("../img/support-bg.jpg") center/cover no-repeat;
}
.logo-tile{
  height:90px; border-radius:16px; display:grid; place-items:center; font-weight:800; color:#1b1b1b;
  padding:1rem; text-align:center;
}
ul.ct-block-on, ul.ct-block-off {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}
ul.ct-block-off li:nth-child(1) {
  flex: 0 0 60%;
}
.block-services .contnet-ct {
    display: flex;
    flex: 0 0 70%;
}

/* ============ PROGRAMS ============ */
.prog{
  border:1.5px solid var(--border); border-radius:16px; overflow:hidden; background:#fff; transition:transform .2s, box-shadow .2s;
}
.prog:hover{transform:translateY(-3px); box-shadow:var(--shadow2);}
.prog-img{width:100%; height:150px; object-fit:cover; display:block;}
.prog-body{padding:1rem 1rem 1.1rem}

/* ============ EVENTS ============ */
/* Event Cards Styles - Updated */
.event-card {
  background: #fff;
  border: 2px solid #a8d5ff;
  border-radius: 12px;
  padding: 25px;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.event-card:hover {
  box-shadow: 0 4px 16px rgba(21, 127, 242, 0.15);
  transform: translateY(-3px);
  border-color: #157ff2;
}

.event-card-title {
  color: #157ff2;
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 15px;
  line-height: 1.3;
}

.event-card-content {
  border: 2px dashed #a8d5ff;
  border-radius: 8px;
  padding: 15px;
  flex-grow: 1;
  background: #f8fbff;
}

.event-card-content p {
  margin: 0;
  color: #333;
  line-height: 1.6;
  font-size: 0.95rem;
}
.event-img{display:block; width:100%; height:160px; object-fit:cover;}

.about-hero-bg {
  background:url('../images/footer_bg.png') no-repeat;
  position: relative;
  background-size: cover;
  color:#fff; 
  padding: 40px 0;
  background-position: center center;
}
.ms-box ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
}
.ms-box ul li { flex:0 0 30%; }
.ms-box ul li:last-child { flex:0 0 70%; }
.ms-box ul li img { max-width:60px; }
.blue-bx img { background:#157ff2; }

.about-hero-bg:before {
  content: "";
  background: #0d6efdbd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
/* ============ FOOTER ============ */
.footer{
  background:url('../images/footer_bg.png') no-repeat;
  position: relative;
  background-size: cover;
  color:#fff; 
  padding: 70px 0;
  background-position: center center;

}
.about-hero-bg div, footer.footer .container div {
    z-index: 9;
}
.footer:after {
  content: "";
  background: #0d6efdbd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.footer-links a{color:#fff; text-decoration:none;}
.footer-links a:hover{text-decoration:underline;}
.text-white-70{color:rgba(255,255,255,.8)!important;}
.text-white-60{color:rgba(255,255,255,.65)!important;}

/* ============ FORMS ============ */
.form-control:focus{border-color:var(--ilf-blue); box-shadow:0 0 0 .2rem rgba(10,124,193,.15);}

/* ============ ON-SCROLL ANIMATIONS ============ */
.is-inview{opacity:1; transform:none; transition:opacity .6s ease, transform .6s ease;}
/* === About Page Styles === */

.about-card {
  position:relative;
}
.icon-circle {
  width:56px; height:56px; border-radius:50%;
  background:#e9f3ff; color:var(--ilf-blue);
  display:grid; place-items:center; font-size:1.5rem;
  margin:0 auto 1rem;
}
.btn-circle {
  width:40px; height:40px; border-radius:0;
  background:#fce104; border:none; color:#1b1b1b;
  display:grid; place-items:center;cursor:pointer;
  position: relative;
  border-radius: 50px;
  padding: 0;
}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p, .text-white span, .text-white ul li { color:#fff; }
.desc-bx {
    padding-bottom: 20px;
}.section.about-pillars .icon-block-box {
    display: flex;
    justify-content: space-between;
}
.section.about-pillars .thrust-img {
    padding-right: 20px;
    padding-top: 0px;
}
.section.about-pillars .ct-bloc h3, .section.about-pillars .ct-bloc p { text-align:left; margin:0; }
.pillar-card {
  text-align:center; padding:1.5rem 1rem; border-radius:16px;
  background:rgba(255,255,255,.1); backdrop-filter:blur(6px);
  transition:transform .3s ease;
}
.text-right.btn-right {
    justify-content: right;
    display: flex
;
}
.pillar-card:hover { transform:translateY(-4px); }
.about-story { padding:4rem 0; }
/* === Incubation Page === */
.incubation-hero {
      background: url('../images/incubation-banner.png') no-repeat;
  height: 100vh;
  background-position: bottom center;
  background-size: cover;
}
.block-services .block-icon {
    flex: 0 0 100%;
    display: flex;
    padding: 10px 0;
}
ul.blog-img {
    padding: 0;
    margin-bottom: 50px;
    list-style: none;
    display: flex;
    justify-content: space-between;
}
.support-img {
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    vertical-align: middle;
    border-radius: 10px;
    align-items: center;
}
a.btn.btn-outline-light.btn-sm.full-width {
    background: #fff;
    border-radius: 0px;
    color: #000;
    padding: 5px 0px 4px 10px;
    border: 1px solid #f5db05;
}
a.btn.btn-outline-light.btn-sm.full-width span {
    background: #f5db05;
    padding: 8px;
    margin-left: 10px;
}
ul.blog-img li { flex: 0 0 15%; justify-content:center; text-align:center; }
ul.blog-img li img {
max-width: 150px;
padding: 10px;
}
.contnet-ct h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}
.text-right.arrow-block a { cursor:pointer; text-decoration:none; font-weight:700; }
.text-right.arrow-block {
    display: flex;
    justify-content: end;
    width: 100%;
}
.bionest-hero {
  background: url('../images/bionest_banner.png') no-repeat;
  padding: 120px 0;
  background-position: center; 
  background-size: cover;
}
.innovate-card {
    background: #157ff2;
    color: #fff;
    border-radius: 14px;
    padding: 1.5rem 1.25rem;
    position: relative;
    min-height: 200px;
    transition: transform .25s 
ease, box-shadow .25s 
ease;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.innovate-card-1 {
  background: #1277ff;
}
.innovate-card-2 {
  background: #1572d4;
}
.innovate-card-3 {
  background: #1c9dfe;
}
.innovate-card-4 {
  background: #20a9ff;
}
.innovate-card-5 {
  background: #5eabda;
}
.innovate-card:nth-child(6) {
  background: #1277ff;
}

ul.panel-block {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: space-between;
}

 ul.panel-block li {
    flex: 0 0 33.33%;
    display: flex;
    text-align: center;
    padding: 20px;
}
.innovate-card:hover{transform:translateY(-3px);box-shadow:var(--shadow1);}
.innovate-card h5{font-weight:700;font-size:1rem;margin-bottom:.3rem;}
.innovate-card p{font-size:.85rem;margin-bottom:0;}
.innovate-card .arrow {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    display: grid;
    place-items: center;
    border-color: #fff;
    border: 1px solid;
}

/* Support boxes */

.support-box:hover{transform:translateY(-3px);}
.support-box i{color:#0A7CC1;font-size:1.6rem;margin-bottom:.4rem;}
.support-box h6{color:#157ff2;font-weight:800;margin-bottom:.3rem;font-family: "Poppins", sans-serif; letter-spacing: 1px;}
.p-less { padding:50px 0; }
ul.panel-block li {
    border-right: 1px solid;
    border-bottom: 1px solid;
}.support-box img {
    max-width: 50px;
    margin-bottom: 10px;
}
.apply-now-box.p-4.p-md-5.rounded-4 img {
    max-width: 100%;
}
label.form-label {
    font-size: 16px;
    color: #000000;
    font-weight: 300;
font-family: "DM Sans", sans-serif;
}
ul.panel-block li:nth-child(3), ul.panel-block li:nth-child(6){border-right:none;  }
ul.panel-block li:nth-child(4),ul.panel-block li:nth-child(5), ul.panel-block li:nth-child(6) {

border-bottom: none;
}
/* Apply Form */
.apply-section{padding:4rem 0;}
.apply-now-box{
  background:#fff;
  text-align:center; min-height:260px; display:flex;align-items:center;justify-content:center;
}
.apply-now-box img { max-width:200px;margin:0 auto; padding:50px; }
.team-card .team-img {
  width: 130px;
  height: 130px;
  object-fit: cover;
  border-radius: 50%;
}

.team-mini-img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
}

.team-card, .team-mini {
  transition: 0.3s ease;
}

.team-card:hover, .team-mini:hover {
  transform: translateY(-5px);
}
.team-card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0px 6px 20px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: 0.3s ease;
  cursor: pointer;
  text-align: left;
}

.team-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 10px 25px rgba(0,0,0,0.12);
}

.team-photo {
  width: 100%;
  height: 260px;
  object-fit: cover;
}

.team-info {
  padding: 15px;
  min-height: 120px;
}

.team-info h3 {
  margin: 0;
  color: #1a1a1a;
  font-size: 20px;
  font-weight: 600;
}

.team-info p {
    margin: 0px;
    font-size: 14px;
    color: #666;
    line-height: 21px;
    text-transform: uppercase;
}

/* POPUP */
.team-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.65);
  z-index: 99999;
  display: none;
}

.team-modal.is-open {
  display: block;
}

.team-modal-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  background: #fff;
  max-width: 560px;
  width: calc(100% - 40px);

  max-height: 85vh;
  overflow-y: auto;

  padding: 30px;
  border-radius: 14px;
  text-align: center;
}
body.modal-open {
  overflow: hidden;
  height: 100vh;
}
.team-card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center center;
}


.team-close {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 30px;
  cursor: pointer;
  color: #444;
}

.modal-photo {
  width: 180px;
  height: 180px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 15px;
}

.role {
  font-size: 15px;
  color: #777;
  margin-bottom: 10px;
}

.social-links a {
  font-size: 22px;
  margin: 0 10px;
  color: #0d6efd;
}
.ms-box ul li img {
    max-width: 60px;
    padding: 10px;
    border-radius: 10px;
}
.footer {
    border-top: 2px solid #fff;
}
@media(min-width:1024px){
ul.ct-block-on li, ul.ct-block-off li{
    min-height: 450px;
}
}
@media (min-width: 1024px) and (max-width: 1367px) {
  .hero .lead {
    padding-right: 0;
  }.desc-block-bionest p {
    font-size: 16px;
    line-height: 22px;
}

  .hero p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }
}
@media (max-width: 1240px){
.hero { height:100vh; }
}
@media(max-width:991.98px){
    .desc-block-bionest { background:transparent; }
.desc-block-bionest p {
    padding: 0;
}

  .apply-now-box{min-height:180px;margin-top:1.5rem;}
}
@media (min-width: 992px) {

  .navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    opacity: 1;
    visibility: visible;
  }
}
section#events, section#services, section#operations, section#events{ overflow:hidden; }
@media(max-width:767.9px){
    section.about-mission.p-50.aos-init.aos-animate .text-right.btn-right.aos-init.aos-animate {
    justify-content: right;
}.ms-box ul li:last-child h2 {
    text-align: right !important;
}
    .contact-info-icon I {
    COLOR: #0050b3;
}.contact-info-icon { background:transparent !important; }
    .contact-info-icon i { font-size:12px !important; }
    .section.about-pillars .icon-block-box {
    DISPLAY: BLOCK;
    text-align: center !important;
    padding: 0;
}.ct-bloc h3, .ct-bloc p { text-align: center !important;}
.text-right.btn-right.aos-init.aos-animate {
    justify-content: center;
    margin-top: 20px;
}.icon-block-services ul li img, ul.thrust-img-block li img {
    height: 100% !important;
}
ul.thrust-img-block li { padding-right:0px; }

  .hero { height:auto; padding: 20px auto 40px;}

.hero-bg {
    background-position: center;
    object-fit: cover;
    background-position: top;
     background: url('../images/resposive-mobile.jpg') no-repeat;
    background-size: cover;
}.icon-block-hero-banner > ul li {
    border-right: navajowhite;
    text-align: center;
}
.icon-block-hero-banner { margin-top:0px; }
.hero-bn-ct {
    padding: 50px 0 100px;
}

.icon-block-hero-banner > ul {
    display: block;
}ul.thrust-img-block {
    DISPLAY: BLOCK;
}section.cta-split.aos-init.aos-animate {
    text-align: center;
}
header.hero.position-relative.overflow-hidden .container.position-relative {
    height: auto;
    padding-top: 20px;
}
.style-block, ul.panel-block, .icon-block-services ul, ul.list-unstyled.small.footer-links, ul.ct-block-on, ul.ct-block-off, ul.blog-img {
    display: block;
}
.style-block li, ul.blog-img li { margin:10px 0; }
ul.blog-img li img {
    max-width: 200px;
    padding: 10px;
    height: 200px;
    object-fit: contain;
} ul.ct-block-on li, ul.ct-block-off li, ul.blog-img li, ul.ct-block-on.first-child-lst li, ul.ct-block-off.first-child-lst li {
    margin: 10px 0;
}
.usefil-links {
    padding: 0 15px;
}
section.section.apply-section.aos-init.aos-animate {
    background: #f7f7f7;
}.incubation-hero {
    height: auto;
    background-position: bottom center;
    background-size: cover;
    padding: 40px 0;
}.display-9 { font-size:2.5rem; }
ul.panel-block li, footer .col-12.col-lg-4, footer .col-lg-4.col-12:nth-child(1) { border:none; }
.desc-block-bionest { background:transparent; }
.desc-block-bionest p {
    padding: 10px 0;
    width: 100%;
}
}

/* Form Validation Styles */
/* Removed disabled button styles - buttons are always clickable */

/* Event Cards Styles */
.event-card {
  background: #fff;
  border: 2px solid #a8d5ff;
  border-radius: 12px;
  padding: 25px;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.event-card:hover {
  box-shadow: 0 4px 16px rgba(21, 127, 242, 0.15);
  transform: translateY(-3px);
  border-color: #157ff2;
}

.event-card-title {
  color: #157ff2;
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 15px;
  line-height: 1.3;
}

.event-card-content {
  border: 2px dashed #a8d5ff;
  border-radius: 8px;
  padding: 15px;
  flex-grow: 1;
  background: #f8fbff;
}

.event-card-content p {
  margin: 0;
  color: #333;
  line-height: 1.6;
  font-size: 0.95rem;
}

.is-invalid {
    border-color: #dc3545 !important;
}

.is-valid {
    border-color: #28a745 !important;
}

.invalid-feedback {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: #dc3545;
}