@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


body {
    font-family: "Montserrat", sans-serif !important;
}
   

/* ===== header start=========================== */

.topbar{
    margin-top: 10px;
}

.card-title-wfitn{
  margin-bottom: 50px !important;
}

.names{
  display: flex;
  justify-content: space-between;
}
.header-sec ul{
    list-style: none;
    display: flex;
    gap: 1rem;;
    
}
.social-media-quick{
    justify-content: flex-end;
}

.header-sec{
    position: relative;
    z-index: 3; 
}


.header-sec ul li a{
    font-size: 14px;
    color: #484848;
    text-decoration: none;
}
.header-sec ul li i{
    font-size: 13px;
}


    .top-nav {
      /* background-color: #fff5ee; */
      padding: 5px 0;
      font-size: 14px;
    }
    .top-nav a {
      text-decoration: none;
      color: #333;
      margin-right: 15px;
    }
    .main-header {
      background-color: white;
      padding: 10px 0;
    }
    .nav-link {
      color: #333 !important;
    }
    .btn-esmint {
      background-color: #fd7e14;
      color: white;
      font-weight: bold;
    }
    .navbar-toggler {
      border: none;
    }
    @media (max-width: 992px) {
      .top-nav {
        text-align: center;
      }
      .top-nav .container {
        flex-direction: column;
      }

      .inner-menu a{
        font-size: 9.7px;
      }
      
    }
  @media (max-width: 1199px) {
    .quick-social{
        margin-top: 20px;
      }
    }




    .inner-menu .text-orange {
      color: #f57c00 !important;
      background-color: #f9e1cd;
    }


    .home ul{
      justify-content: end;
    }


    .navbar{
      padding-top: 0 !important
    }
/* ==================end======== */


/* =====navbar start================ */



.navbar{
    position: relative;
    z-index: 9;
    padding-bottom: 2rem;
}
.navbar-nav{
  gap: 10px;
}


.logo{
    max-width: 150px;
}
.logo img{
  width: 150px;
}

.orange .navbar-brand span {
    color: #ff6600;
    font-weight: bold;
}
.orange .btn-orange {
    background-color: #ff6600;
    color: white;
    border-radius: 30px;
    padding: 0.6rem 1.4rem;
}

/* .nav-link {
    font-weight: 500;
    font-size: 17px;
} */





 .navbar-nav .nav-link {
      font-weight: 500;
      color: #333;
      font-size: 16px;
    }

  .orange .nav-link.active, .nav-link:hover {
      color:#f35635;
  }

  .orange .dropdown-mega {
      left: 0;
      right: 0;
      border-radius: 10px;
      padding: 2rem;
      border-top: 3px solid#f35635;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  }

  .orange .dropdown-mega h6 {
      color:#f35635;
      font-weight: bold;
      margin-bottom: 1rem;
      font-size: 20px;
      text-transform: uppercase;
  }

  .orange .dropdown-item.active, .dropdown-item:active {
      color:#f35635;
      text-decoration: none;
      background-color: #6c757d00;
  }

  .orange .dropdown-item:focus, .dropdown-item:hover {
      color:#f35635 !important;
      background-color: var(--bs-dropdown-link-hover-bg);
  }

  .divider-col {
     border-left: 1px solid #ddd;
  }

  .nav-top-links {
    font-size: 0.9rem;
    margin-right: 1rem;
  }

  .orange .btn-orange {
      background-color:#f35635;
      color: white;
      font-weight: 600;
      border-radius: 20px;
      padding: 0.3rem 1.2rem;
  }

    /* .search-btn {
      border: 1px solid #999;
      border-radius: 50%;
      padding: 0.4rem 0.5rem;
      margin-right: 0.5rem;
      background: transparent;
    } */

    .search-btn i {
      font-size: 1rem;
    }


    @media (min-width: 992px) {
        .navbar-expand-lg .navbar-nav {
            flex-direction: row;
            gap: 10px;;
        }
    }


    
    .search-btn {
      border-radius: 50%;
      width: 36px;
      height: 36px;
      color: #464646;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 0.6rem;
      border: 1px solid #00000088;
      background-color: #ffffff00;
    }
    .search-btn:hover {
      border: none;
      background-color: #888;
      color: #ffff;
    }


    .search-area {
      display: none;
      position: absolute;
      top: 100%;
      right: 1rem;
      /* left: 1rem; */
      z-index: 1050;
      background-color: white;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      padding: 1rem;
      border-radius: 1rem;
    }

    .search-area.show {
      display: block;
    }

    .search-area .input-group {
      max-width: 600px;
      margin: auto;
    }




    @media (max-width: 1199px){
      .nav-link {
        font-size: 15px;
      }
      .navbar { 
        padding-bottom: 0;
      }
    }


    @media (min-width: 1200px) {

        .nav-link {
          font-size: 14px;
        }
    }


    @media (max-width: 1320px) and (min-width: 1200px) {
      .navbar-nav{
        gap: 0 !important;
      }

    }


/* =======end==================== */


/* ========= hero start================ */



  
    .hero {
      background-color: #ffece2;
      padding: 4rem 2rem;
      position: relative;
    }
    .hero-text h1 {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 1.5;
    }

    .hero-text p{
        line-height: 2;
        font-size: 15px;
    }

    .hero-image {
      position: absolute;
      right: 0;
      top: 0;
      width: 50%;
      padding: 0;
      /* max-width: 600px; */
    }
    .hero-image img {
      width: 100%;
      height: auto;
      /* border-radius: 0 0 0 100px; */
    }
 
    @media (max-width: 992px) {
      .hero-image {
        position: relative;
        width: 100%;
        margin-top: 2rem;
      }
    }



.block.hero{
    position: relative;
    padding-bottom: 8rem;
}

.block.hero .hero-text{
    position: relative;
    z-index: 3;
    /* top: 1rem; */
}

@media (min-width: 1200px) {
    .block.hero .hero-shape {
        position: absolute;
        z-index: 2;
        top: 0;
        bottom: 0;
        right: 0;
        height: 100%;
    }
}


@media (min-width: 1200px) {
    .block.hero .hero-shape {
        top: -11rem;
        height: 54rem;
        right: 22vw;
        bottom: -4rem;
    }
}


@media (min-width: 1200px) {
    .block.hero .hero-shape .hero-shape-background {
        fill: #fff2e8;
    }
}

@media (min-width: 1200px) {
    .block.hero .hero-shape .hero-shape-shape {
        fill: #fee5d1;
        stroke: #fff;
    }
}


@media (min-width: 1200px) {
    .block.hero .hero-img {
        position: relative;
        z-index: 1;
        text-align: center;
        height: 100%;
    }
}


@media (min-width: 1200px) and (min-width: 992px) {
    .block.hero .hero-img {
       margin-left: -49%;;
    }
}

@media (min-width: 1200px) {
    .block.hero .hero-img {
        position: relative;
        z-index: 1;
        text-align: center;
        height: 100%;
    }
        .block.hero .hero-img img {
        width: 100%;
        max-height: 100vh;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        border-radius: 0;
    }
        .block.hero .hero-img img {
        height: 41rem;
    }


    
}
@media (max-width: 1199px){

    .hero-image .hero-shape{
        display: none;
      }


    .block.hero .hero-text {
      top: 0;
    }
    .hero-text h1 {
      font-size: 2rem;
    }
    .hero-image img {
      width: 100%;
      height: auto;
      margin-top: 5rem;
    }

}




.img-fluid {
    max-width: 100%;
    /* height: auto; */
    height: 280px;
    /* margin-top: 5rem; */
    object-fit: contain;
}

/* ======end============= */

/* ===========quick access==================== */

.quick-access{
padding-top: 4rem;
}


.card{
    background-color: #e8e8e8;
    border: none;
}




.quick-access {
      max-width: 1320px;
      margin: 0 auto;
    }

    .quick-access h2 {
      font-size: 2rem;
      margin-bottom: 1.5rem;
      color: #000;
      font-weight: 700;
    }

    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 1.5rem;
    }

    .box {
      background: #fff;
      border-radius: 10px;
      padding: 1.5rem;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      transition: transform 0.2s ease;
      min-height: 220px; /* ensures consistent height */
    }

    .box:hover {
      transform: translateY(-4px);
    }

    .box a {
      margin-top: auto; /* push button to bottom */
      text-decoration: none;
      color: #e67e22;
      font-weight: bold;
    }

    .box h3 {
      margin-top: 0;
      font-size: 1.1rem;
      color: #333;
    }

    .box p {
      font-size: 0.95rem;
      color: #555;
    }

    .box a {
      display: inline-block;
      margin-top: 1rem;
      text-decoration: none;
      color: #e67e22;
      font-weight: bold;
    }

    /* .box a:hover {
      text-decoration: underline;
    } */

    .bg-bright-grey {
      background: #f2f3f3;
    }


    .box a {
      display: inline-block;
      margin-top: 1rem;
      text-decoration: none;
      font-weight: bold;
      text-align: center;
      padding: 10px;
      border-radius: 30px;
      color: #fff;
    }

    .box .btn-1{
      background-color: #22268f;
    }

    .box .btn-2{
      background-color: #a4361f;
    }

    .box .btn-3{
      background-color: #427a16;
    }

    .box .btn-4{
      background-color: #751463;
    }

    .box .btn-5{
      background-color: #43137d;
    }

     @media (max-width: 1340px){
      .quick-access{
        padding: 25px;
      }

     }

     @media (max-width: 1340px){
      .grid{
        grid-template-columns: auto auto auto;
      }
    }

    @media (max-width: 800px){
      .grid{
          grid-template-columns: repeat(auto-fit, minmax(220px, 2fr));
      }
    }


/* ======= end ============ */

/* ============ESMINT Congress 2025============= */
    .congress-2025{
      background-color: #245c7c;
    }

    .content-box {
      background-color: white;
      border-radius: 20px;
      padding: 40px;
      position: relative;
      left: 5rem;
    }
    .highlight {
      /* background-color: #f7d3b7; */
      font-weight: bold;
    }

    .highlight1{
      color: #1b4f75;
      font-weight: bold;
      font-size: 23px;
    }

    .btn-custom {
      background-color: #2d6e94;
      color: white;
      border-radius: 30px;
      padding: 10px 25px;
      font-weight: bold;
      text-decoration: none;
    }
    .btn-custom:hover {
      background-color: #245c7c;
    }
    .collage-img {
      width: 100%;
      border-radius: 25px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    }


    .content-box p{
      line-height: 2;
    }


    @media (max-width: 991px){
      .content-box {
        left: 0;
      }
    }






/* ===================end=============== */

/* ============What’s new============ */
      .news-card {
        background-color: #f2f3f3;
        border-radius: 10px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        overflow: hidden;
      }
      .news-card img {
        width: 100%;
        height: auto;
      }
      .news-card .card-body {
        padding: 1rem;
      }
      .section-title {
        font-size: 2.5rem;
        font-weight: 700;
      }
      .section-subtitle {
        font-size: 1.1rem;
        color: #555;
      }
      .highlight {
        color: #f57c00; /* orange for 'news' */
      }

      /* ========== end ======== */

      /* ====Newsletter===== */

      .btn-orange {
        background-color: #f57c00;
        color: #fff;
        border: none;
      }

      .btn-orange:hover {
        background-color: #e36e00;
      }

      .text-orange {
        color: #f57c00;
      }

    /* ======== end=========== */
/* =========================== */


/* .foundation-mission-sec{
  margin-top: 10rem;
} */




/* bord of trust */

.orange .curve-shape {
    position: absolute;
    right: -31px;
    top: 0px;
    bottom: -34px;
    width: 44px;
    background: #eeba90;
    border-radius: 0 0 100% 0;
    transform: rotate(5deg);
}

.orange .fellow-cards-section .card-body {
    padding: 1.5rem !important;
    background-color: #fff2e8;
    width: 100%;
}

.orange .read-more-btn {
    margin-top: 10px;
    padding: 8px 16px;
    background-color: #f57c00;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}


/* ======== end ==============     */

/* -===================== orange============================ */
/* ==========footer=============== */
.copyright a{
    color: #e3e3e37d;
    text-decoration: none;
}

/* ======== end ==============     */


/* @media (min-width: 1200px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1320px;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1320px;
    }
}




 */

 @media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px;
    }
}

 /* Default: container-fluid */
.responsive-container {
  width: 100%;
  max-width: 100%;
  padding-left: var(--bs-gutter-x, 0.75rem);
  padding-right: var(--bs-gutter-x, 0.75rem);
  margin-left: auto;
  margin-right: auto;
}

/* Override for xl and up (≥1200px) */
@media (min-width: 1200px) {
  .responsive-container {
    max-width: 1140px; /* same as Bootstrap .container at xl */
  }
}
.navbar {
  padding-bottom: 2rem;
}
@media (max-width: 1199px) {
  .navbar {
    padding-bottom: 0.5rem;
  }
}


/* Base: full width (fluid) */
.menu-container {
  width: 100%;
  padding-left: var(--bs-gutter-x, 1rem);
  padding-right: var(--bs-gutter-x, 1rem);
  margin-left: auto;
  margin-right: auto;
}

/* XL (1200px and above): fixed width like .container */
@media (min-width: 1200px) {
  .menu-container {
    max-width: 1140px; /* matches Bootstrap's .container max-width at XL */
  }
}


.quick-link{
  color: #245c7c;
    font-size: 17px;
}

/* ========inner pages================= */

.inner-navbar{
  gap: 15px;
}

.inner-menu-active {
    padding: 15px 5px;
    border-radius: 0 0 10px 10px;
}



/* =========== congress blue=========== */

.kincon{
  /* margin-top: 4rem; */
  background-color: #034677;
}
.kincon .highlight a{
  color:#034677;
  text-decoration: none;
}




/* --- */

.block.hero .tanic.hero-text {
    position: relative;
    z-index: 3;
    top: 5rem;
}

.tanic-s{
  /* margin-top: 17rem; */
  background-color: #034677;
}


  .tanic-text{
      color: #0379ce !important;
  }

  .tanic .section {
      margin-bottom: 40px;
  }

   .tanic img.placeholder {
      display: block;
      max-width: 100%;
      /* height: auto; */
      margin: 20px auto;
          border-radius: 15px;
      /* border: 2px dashed #0379ce; */
    }

    .tanic-text {
      color: #0379ce;
    }
    .tanic .card {
      border: 1px solid #cde7fa;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(3, 121, 206, 0.1);
      margin-bottom: 30px;
    }
    .tanic .placeholder-img {
      width: 100%;
      /* height: auto; */
      /* border: 2px dashed #0379ce; */
          border-radius: 15px;
      margin-bottom: 20px;
    }
    .tanic .card-body h5 {
      color: #0379ce;
    }

    .bg-light-blue{
      background-color: #cceaff;
      padding: 20px;
      font-size: 18px;
      font-style: italic;
    }

    .tanic p{
      line-height: 2;
    }
    .tanic ul{
      line-height: 2;
    }

    .tanic-img{
      width: 100%;
      height: 300px;
      padding: 10px;
    }
    .tanic-img img{
      width: 100%;
      height: 300px;
      object-fit: cover;
    }

    .tanic-img-1 {
      height: 350px;
      width: 100%;
    }
    .tanic-img-1 img{
      width: 100%;
      height: 350px;
      object-fit: cover;
      border-radius: 15px;
    }

/* --- */

.mingle{
  /* margin-top: 7rem; */
  background-color: #034677;
}

.mingle .highlight{
  color:#034677;
}

.feature-list{
  list-style: none;
}

/* --color start----- */

.feature-list li i{
  color: #0077cd;
}


.blue .btn-blue {
    background-color: #0077cd;
    color: #fff;
    border: none;
  }

  .blue .btn-blue:hover {
      background-color: #0077cd;
  }

  .inner-menu .text-blue {
      color: #0077cd !important;
      background-color: #d3e7f7;
  }

  /* .blue .highlight {
        color: #0077cd;
  } */

  .blue .box a {
      color: #ffffff;
  }


  
  
  .blue .hero {
    background-color: #f9fcff;
  }



@media (min-width: 1200px) {
    .blue .block.hero .hero-shape .hero-shape-background {
        fill: #f4faff;
    }
}

@media (min-width: 1200px) {
    .blue .block.hero .hero-shape .hero-shape-shape {
        fill: #d3e7f7;
        stroke: #fff;
    }
}





.blue .btn-esmint {
    background-color: #0077cd;
  }



  .blue .text-blue {
      color: #0077cd !important;
    }

   

.blue .navbar-brand span {
    color: #0077cd;

}
.blue .btn-blue {
    background-color: #0077cd;

}



  .blue .nav-link.active, .nav-link:hover {
      color:#0077cd;
  }

  .blue .dropdown-mega {

      border-top: 3px solid#0077cd;

  }

  .blue .dropdown-mega h6 {
      color:#0077cd;
  }

  .blue .dropdown-item.active, .dropdown-item:active {
      color:#0077cd;
  }

  .blue .dropdown-item:focus, .dropdown-item:hover {
      color:#0077cd;
  }


  .blue .btn-blue {
      background-color:#0077cd;
  }









/* ============================================ */



  
/* =========== education green =========== */
.delhi-course-edu.hero-text{
  top: 3rem;
}

.delhi-course{
    /* margin-top: 12rem; */
    background-color: #f5fff3;
}
.delhi-course .highlight a{
  color:#64b22c;
  text-decoration: none;
}

.collage-img-s{
  border-radius: 0 !important;
}
.collage-img-f{
    border-radius: 25px 25px 0 0;

}
.collage-img-l{
    border-radius: 0 0 25px 25px ;
}

.green .feature-list li i{
  color: #64b22c; 
  line-height: 2.5;
}

/* -- */
.workshop.hero-text{
  top: 9rem;
}


.workshop-sec{
  /* margin-top: 21rem; */
  background-color: #f5fff3;
}

.training-section h2 {
  font-weight: 700;
  margin-bottom: 30px;
}

.training-section h4 {
  font-weight: 600;
  margin-top: 20px;
}

.training-section img {
  border-radius: 12px;
  width: 100%;
  height: auto;
  margin-top: 15px;
}


.chennai-workshop{
  line-height: 2.5;
}
.chennai-workshop .img-fluid{
  width: 100%;
}

/* --- */

.cascades{
  /* margin-top: 8rem; */
  background-color: #f5fff3;
}

/* --color start-- */

.green .navbar-nav .nav-link {
    font-size: 13px;
}

.green .heading{
    color: #64b22c;
    font-size: 19px;
    font-weight: 600;

}


.green .btn-green {
    background-color: #64b22c;
    color: #fff;
    border: none;
  }

  .green .btn-green:hover {
      background-color: #64b22c;
  }

  .inner-menu .text-green {
      color: #64b22c !important;
      background-color: #d4efcd;
  }

  .green .highlight {
        color: #64b22c; /* orange for 'news' */
  }

  .green .box a {
      color: #ffffff;
  }


  
  
  .green .hero {
    background-color: #e6fae1;
  }



@media (min-width: 1200px) {
    .green .block.hero .hero-shape .hero-shape-background {
        fill: #e6fae1;
    }
}

@media (min-width: 1200px) {
    .green .block.hero .hero-shape .hero-shape-shape {
        fill: #d4efcd;
        stroke: #fff;
    }
}





.green .btn-esmint {
    background-color: #64b22c;
  }



  .green .text-green {
      color: #64b22c !important;
    }

   

.green .navbar-brand span {
    color: #64b22c;

}
.green .btn-green {
    background-color: #64b22c;

}



  .green .nav-link.active, .nav-link:hover {
      color:#64b22c;
  }

  .green .dropdown-mega {

      border-top: 3px solid#64b22c;

  }

  .green .dropdown-mega h6 {
      color:#64b22c;
  }

  .green .dropdown-item.active, .dropdown-item:active {
      color:#64b22c;
  }

  .green .dropdown-item:focus, .dropdown-item:hover {
      color:#64b22c;
  }


  .green .btn-green {
      background-color:#64b22c;
  }

/* ============================== */



 
/* =========== fellowship violet=========== */

/* .program-over{
  margin-top: 15rem;
} */

/* .program-structure{
   margin-top: 15rem;
} */
/* .program-site{
  margin-top: 8rem;
} */

/* start color-- */

.fellow-cards-section {
  background-color: #f9f9f9;
      /* margin-top: 6rem; */
}

.fellow-card {
  background-color: #e7e7e7;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease;
  min-height: 200px;
  height: 100%;
}

.fellow-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}

.card-img-wrapper {
  flex: 0 0 160px;
  max-width: 160px;
  position: relative;
  overflow: hidden;
}

.card-img-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.curve-shape {
      position: absolute;
    right: -31px;
    top: 0px;
    bottom: -34px;
    width: 44px;
    background: #6967c6;
    border-radius: 0 0 100% 0;
    transform: rotate(5deg);
}

.card-body {
  padding: 1.5rem !important;
  background-color: #e7e7e7;
  width: 100%;

}

.card-body h5 {
  font-weight: 600;
  color: #333;
}

.card-body p {
  font-size: 14px;
  color: #666;
}

.card-body .btn {
  align-self: start;
  border-radius: 20px;
  padding: 5px 15px;
}




/* ---start color--- */

.violet a{
  color: #262567;
  text-decoration: none;
}


.violet .card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
      
}

.violet .card {
  display: flex;
  align-items: center;
  background-color: #d1d1e7;
  border-radius: 10px;
  padding: 20px;
  width: 100%;
  max-width: 250px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      
}

.violet .card img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 10px;
  margin-right: 20px;
}

.violet .card-content {
  flex: 1;
      
}

.violet .card-content h3 {
  margin: 0;
  font-size: 15px;
}

.violet .read-more-btn {
  margin-top: 10px;
  padding: 8px 16px;
  background-color: #4c4c7d;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

/* Modal Styles */
.violet .modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.6);
}

.violet .modal-content {
  background-color: #fff;
  margin: 10% auto;
  padding: 20px;
  width: 80%;
  max-width: 600px;
  border-radius: 10px;
  position: relative;
}

.violet .close {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}
.violet .info-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.violet .info-table th,
.info-table td {
  padding: 6px 10px;
  vertical-align: top;
  border: 1px solid #e0e0e0;
}

.violet .info-table th {
  width: 28%;
  background: #f3f3f3;
  font-weight: 600;
}



.program-sec p span {
    background-color: #6967c6;
    color: #ffffff;
    padding: 3px 6px;
    font-weight: 500;
}





/* --color start----- */


.violet .feature-list li i{
  color: #6967c6; 
  line-height: 2.5;
}

.program-sec h5 {
    font-weight: 800;
    color: #3d0542e0;
}

.violet .navbar-nav .nav-link {
    font-size: 13px;
}

.violet .btn-violet {
    background-color: #6967c6;
    color: #fff;
    border: none;
  }

  .violet .btn-violet:hover {
      background-color: #6967c6;
  }

  .inner-menu .text-violet {
      color: #6967c6 !important;
      background-color: #d1d1e7;
  }

  .violet .highlight {
        color: #6967c6; /* orange for 'news' */
  }

  .violet .box a {
      color: #ffffff;
  }


  
  
  .violet .hero {
    background-color: #d1d1e7;
  }



@media (min-width: 1200px) {
    .violet .block.hero .hero-shape .hero-shape-background {
        fill: #f9f9ff;
    }
}

@media (min-width: 1200px) {
    .violet .block.hero .hero-shape .hero-shape-shape {
        fill: #d1d1e7;
        stroke: #fff;
    }
}





.violet .btn-esmint {
    background-color: #6967c6;
  }



  .violet .text-violet {
      color: #6967c6 !important;
    }

   

.violet .navbar-brand span {
    color: #6967c6;

}
.violet .btn-violet {
    background-color: #6967c6;

}



  .violet .nav-link.active, .nav-link:hover {
      color:#6967c6;
  }

  .violet .dropdown-mega {

      border-top: 3px solid#6967c6;

  }

  .violet .dropdown-mega h6 {
      color:#6967c6;
  }

  .violet .dropdown-item.active, .dropdown-item:active {
      color:#6967c6;
  }

  .violet .dropdown-item:focus, .dropdown-item:hover {
      color:#6967c6;
  }


  .violet .btn-violet {
      background-color:#6967c6;
  }



/* ============================== */



 
/* =========== ipd brown=========== */

.au-surabaya.hero-text {
    top: 10rem;
}

.au-surabaya-sec{
  margin-top: 2rem;
}

.theme-highlight {
  background-color: #fff0ee;
  border-left: 5px solid #8e605a;
  padding: 1rem 1.5rem;
  margin-bottom: 2rem;
}
.image-block {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  margin-bottom: 2rem;
}
.section-title {
  font-size: 1.8rem;
  color: #8e605a;
  margin-bottom: 1rem;
}


.ipd-gkm-chennai{
  /* margin-top: 21rem; */
}

/* start color- */


.brown .btn-brown {
    background-color: #8e605a;
    color: #fff;
    border: none;
  }

  .brown .btn-brown:hover {
      background-color: #8e605a;
  }



  .inner-menu .text-brown{
      color: #8e605a !important;
      background-color: #eed3d0;
  }

  .brown .highlight {
        color: #8e605a; /* orange for 'news' */
  }

  .brown .box a {
      color: #ffffff;
  }


  
  
  .brown .hero {
    background-color: #eed3d0;
  }



@media (min-width: 1200px) {
    .brown .block.hero .hero-shape .hero-shape-background {
        fill: #fff0ee;
    }
}

@media (min-width: 1200px) {
    .brown .block.hero .hero-shape .hero-shape-shape {
        fill: #eed3d0;
        stroke: #fff;
    }
}





.brown .btn-esmint {
    background-color: #8e605a;
  }



  .brown .text-brown {
      color: #8e605a !important;
    }

   

.brown .navbar-brand span {
    color: #8e605a;

}
.brown .btn-brown {
    background-color: #8e605a;

}



  .brown .nav-link.active, .nav-link:hover {
      color:#8e605a;
  }

  .brown .dropdown-mega {

      border-top: 3px solid#8e605a;

  }

  .brown .dropdown-mega h6 {
      color:#8e605a;
  }

  .brown .dropdown-item.active, .dropdown-item:active {
      color:#8e605a;
  }

  .brown .dropdown-item:focus, .dropdown-item:hover {
      color:#8e605a;
  }


  .brown .btn-brown {
      background-color:#8e605a;
  }

/* ============================== */



 
/* =========== research sea green =========== */


.sea-green .btn-sea-green {
    background-color: #00b2ab;
    color: #fff;
    border: none;
  }

  .sea-green .btn-sea-green:hover {
      background-color: #00b2ab;
  }



  .inner-menu .text-sea-green{
      color: #00b2ab !important;
      background-color: #dcf1f1;
  }

  .sea-green .highlight {
        color: #00b2ab; /* orange for 'news' */
  }

  .sea-green .box a {
      color: #ffffff;
  }


  
  
  .sea-green .hero {
    background-color: #dcf1f1;
  }



@media (min-width: 1200px) {
    .sea-green .block.hero .hero-shape .hero-shape-background {
        fill: #eefffe;
    }
}

@media (min-width: 1200px) {
    .sea-green .block.hero .hero-shape .hero-shape-shape {
        fill: #dcf1f1;
        stroke: #fff;
    }
}





.sea-green .btn-esmint {
    background-color: #00b2ab;
  }



  .sea-green .text-sea-green {
      color: #00b2ab !important;
    }

   

.sea-green .navbar-brand span {
    color: #00b2ab;

}
.sea-green .btn-sea-green {
    background-color: #00b2ab;

}



  .sea-green .nav-link.active, .nav-link:hover {
      color:#00b2ab;
  }

  .sea-green .dropdown-mega {

      border-top: 3px solid#00b2ab;

  }

  .sea-green .dropdown-mega h6 {
      color:#00b2ab;
  }

  .sea-green .dropdown-item.active, .dropdown-item:active {
      color:#00b2ab;
  }

  .sea-green .dropdown-item:focus, .dropdown-item:hover {
      color:#00b2ab;
  }


  .sea-green .btn-sea-green {
      background-color:#00b2ab;
  }

/* ============================== */




 
/* =========== net work yellow =========== */


.yellow .btn-yellow {
    background-color: #ffe509;
    color: #fff;
    border: none;
  }

  .yellow .btn-yellow:hover {
      background-color: #ffe509;
  }



  .inner-menu .text-yellow{
      color: #ffe509 !important;
      background-color: #fffcd7;
  }

  .yellow .highlight {
        color: #ffe509; /* orange for 'news' */
  }

  .yellow .box a {
      color: #ffffff;
  }


  
  
  .yellow .hero {
    background-color: #fffcd7;
  }



@media (min-width: 1200px) {
    .yellow .block.hero .hero-shape .hero-shape-background {
        fill: #fdfbe8;
    }
}

@media (min-width: 1200px) {
    .yellow .block.hero .hero-shape .hero-shape-shape {
        fill: #fffcd7;
        stroke: #fff;
    }
}





.yellow .btn-esmint {
    background-color: #ffe509;
  }



  .yellow .text-yellow {
      color: #ffe509 !important;
    }

   

.yellow .navbar-brand span {
    color: #ffe509;

}
.yellow .btn-yellow {
    background-color: #ffe509;

}



  .yellow .nav-link.active, .nav-link:hover {
      color:#ffe509;
  }

  .yellow .dropdown-mega {

      border-top: 3px solid#ffe509;

  }

  .yellow .dropdown-mega h6 {
      color:#ffe509;
  }

  .yellow .dropdown-item.active, .dropdown-item:active {
      color:#ffe509;
  }

  .yellow .dropdown-item:focus, .dropdown-item:hover {
      color:#ffe509;
  }


  .yellow .btn-yellow {
      background-color:#ffe509;
  }

/* ============================== */



@media (max-width: 1199px) {
  .kincon{
    margin-top: 1rem;
  }



  .mingle{
    margin-top: 1rem;
  }

  .tanic-s{
    margin-top: 1rem;
  }

  .cascades{
    margin-top: 1rem;
  }

  .delhi-course{
    margin-top: 1rem;
  }

  .workshop-sec{
    margin-top: 1rem;
  }

  .fellow-cards-section{
    margin-top: 1rem;
  }

  .program-over{
    margin-top: 1rem;
  }

  .program-structure{
    margin-top: 1rem;
  }

  .fellow-cards-section{
    margin-top: 1rem;
  }

  .program-site{
    margin-top: 1rem;
  }

  .foundation-mission-sec{
    margin-top: 1rem;
  }

  .au-surabaya-sec{
    margin-top: 1rem;
  }

  .ipd-gkm-chennai{
    margin-top: 1rem !important;
  }

 
}



/* ----------banner-------------------- */

.banner-kin{
background: url('../img/banner/b-kincon-1-01.jpg') no-repeat center center;
}

.banner-mingle{
  background: url('../img/banner/b-mingle-01.jpg') no-repeat center center;
}


.banner-tanic{
  background: url('../img/banner/b-tanic.jpg') no-repeat center center;
}


.banner-ipd{
  background: url('../img/banner/br-ipd-au-surabaya-01.jpg') no-repeat center center;
}

.banner-ipd-chennai{
   background: url('../img/banner/br-ipd-gkm-chenna-01.jpg') no-repeat center center;
}

.banner-ipd-bangladesh{
  background: url('../img/banner/br-ipd-nin-bangladesh-01.jpg') no-repeat center center;
}

.banner-fellow{
  background: url('../img/banner/v-program-overview-01.jpg') no-repeat center center;
}

.banner-prgrm{
  background: url('../img/banner/v-program-structure-01.jpg') no-repeat center center;
}


.banner-cascade{
  background: url('../img/banner/g-cascades-01.jpg') no-repeat center center;
}

.banner-delhi-course{
  background: url('../img/banner/g-delhi-course-01.jpg') no-repeat center center;
}


.banner-home{
background: url('../img/banner/banner-orenge.jpg') no-repeat center center;
}

.banner-bord-of-trust{
  background: url('../img/banner/o-boardoftrust-1-01.jpg') no-repeat center center;
}

.banner-about{
   background: url('../img/banner/o-About-Baneer-1-01.jpg') no-repeat center center;
}

.banner-mission{
  background: url('../img/banner/o-mission-html-1-01.jpg') no-repeat center center;
}


 .banner {
      background-size: cover;
      color: #000;
      min-height: 89vh;
      display: flex;
      align-items: center;
    }

    .banner-content {
      /* background: rgba(255, 255, 255, 0.7);  */
      /* padding: 30px;
      border-radius: 12px;
      max-width: 800px; */
      border-radius: 12px;
      max-width: 378px;
      position: relative;
      top: 26px;
    }

    .banner h2 {
      font-weight: 600;
      margin-bottom: 20px;
      font-size: 28px;
    }

    .banner p {
      font-size: 14px;
      line-height: 1.6;
      color: #333;
    }

    @media (max-width: 375px) {
      .banner {
        padding: 0;
        
        position: relative;
        background-position-x: -419px;
      }
    }

    @media (max-width: 479px) {
      .banner {
        padding: 0;
        background-size: cover;
        position: relative;
        background-position-x: -271px;
      }

      .header-sec ul{
          list-style: none;
          display: flex;
          gap: 0.6rem;;
          
      }
    }

    @media (max-width: 992px) {

      .banner {
        padding: 22px 0;
        background-size: block;
        padding-bottom: 17px;
        min-height: 96vh;
      }
      .banner h2 {
        font-size: 30px;
      }

      .banner p {
        font-size: 12px;
      }

      .banner-content {
      /* background: rgba(255, 255, 255, 0.7);  */
      /* padding: 30px;
      border-radius: 12px;
      max-width: 800px; */
      border-radius: 12px;
      max-width: 320px;
      position: relative;
      top: 41px;
      width: 273px;
    }

    }

    .custom-list{
      line-height: 2.5;
    }

  

     @media (min-width: 2000px) and (max-width: 2560px) {
      .banner p {
        font-size: 18px;
      }


      .banner-content {
      max-width: 600px;
      position: relative;
      top: 26px;
      left: 12px;
     }
    }


    @media (max-width: 660px) {
      .banner-content {
            left: 0;
        }
    }



    /* ---- programme over view---- */

    .program-box-time{
      padding: 15px;
      background-color: #abaed9;
      border-radius: 15px;
      color: #ffff;
      margin: 10px;

    }

    .p-over-box ul{

      list-style: none;
      line-height: 2;

    }

     .p-over-box ul li i{
        color: #252858;
        
     }

    .program-over-image img{
      width: 100%;
      border-radius: 15px;
      margin: 10px;
    }


    /* - delhi course ============== */

    .delhi-c-img img{
      width: 100%;
      border-radius: 15px;
      
    }

    .delhi-c-content{
      border-radius: 15px;
      background-color: #f3fff6;
      padding: 30px;
      display: flex;
      align-items: center;
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }

    .cer-img img {
      width: 100%;
    }


    .kincon-text{
          font-size: 32px;
    color: #628bc1;
      }
    .kincon-head{
          color: #8db4d5;
    }

    .kincon-head span{
       color: #628bc1;
    }




    /* wfitn============== */

    .wfitn-sec h2 {
      color: #64b22c;
      text-align: center;
      margin: 20px 0;
      font-weight: 700;
    }

    .wfitn-sec .grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 40px;
      /* max-width: 800px; */
      margin: auto;
      padding-bottom: 40px;
    }

    .wfitn-sec .faculty-member {
      text-align: center;
    }

    .wfitn-sec .faculty-member img {
      width: 40px;
      height: 40px;
      margin-top: 10px;
    }

    .wfitn-sec .name {
      font-weight: bold;
    }

    .wfitn-sec .location {
      margin-top: 4px;
      color: #333;
    }

    .wfitn-sec .course-director {
      font-size: 0.9em;
      color: #777;
    }

    .wfitn-sec .faculty-member img{
      box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

   .wfitn-sec .faculty-member{
      box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
      padding: 25px;
      border-radius: 15px;
    }


    .wfitn-sec .profile-img {
      max-width: 100%;
      border-radius: 10px;
    }
    .wfitn-sec .section-title {
      color: #64b22c;
      font-size: 1.25rem;
      margin-top: 30px;
      border-bottom: 2px solid #64b22c;
      display: inline-block;
      padding-bottom: 5px;
    }
   .wfitn-sec ul {
      padding-left: 1.2rem;
    }
    .prfl-bg{
      background-color: #f8fff2;
      padding: 25px 0;
    }




     .wfitn-reg .header-bar {
      background-color: #64b22c;
      color: white;
      padding: 15px 20px;
      font-size: 1.5rem;
      font-weight: bold;
    }
    .wfitn-reg .card {
      border: none;
      background-color: #fff;
      box-shadow: 0 4px 12px rgba(3, 121, 206, 0.1);
      border-radius: 10px;
      padding: 25px;
      margin-bottom: 30px;
    }

    .wfitn-reg .section-title {
      font-weight: bold;
      color: #64b22c;
      margin-top: 20px;
    }


     .wfitn-table h2 {
      background-color: #64b22c;
      color: white;
      padding: 10px 15px;
      border-radius: 5px;
      margin-top: 40px;
    }
    .wfitn-table table {
      background-color: white;
    }
    .wfitn-table td {
      vertical-align: top;
    }
    .wfitn-table .img-cell img {
      max-width: 100px;
      border-radius: 5px;
    }



    
    @media (max-width: 767px) {
        .wfitn-sec .grid {
        grid-template-columns: repeat(2, 1fr);
      }

    }



    /* ====proctor ship=========== */

    .proctorship-sec h5{
        text-align: center;
        margin-top: 10px;
        color: #3d6720;
    }