body {
      font-family: Arial, sans-serif;
      background-color: #fff1df;
    }
    .navbar {
      background-color: rgb(255 255 255 / 0%);
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      backdrop-filter: blur(0px);
      
    }
    .navbar-brand img {
      height: 85px;
    }
    .nav-link {
      font-weight: 500;
      color: #a5a4a4;
    }
    .nav-link:hover {
      color: #4A7E00;
    }
    .banner {
      width: 100%;
      height: auto;
      display: block;
      
    }

    @media only screen and (min-width: 992px){
      .navbar {
      position: fixed;
      top: 0;
      width: 100%;
      transition: background-color 0.3s ease, box-shadow 0.3s ease;
      z-index: 1000;
      background-color: rgba(255, 255, 255, 0); /* transparent initially */
      box-shadow: none;
    }

    .navbar.scrolled {
      background-color: #ffffff !important;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    .navbar-brand img {
      height: 90px;
      transition: height 0.3s ease;
    }

    .nav-link {
      font-weight: 500;
      color: #a5a4a4;
    }

    .nav-link:hover {
      /* color: #006001; */
      color: #4A7E00;
    }

    .banner {
      width: 100%;
      height: auto;
      display: block;
    }
    }

    


    .section-title {
      /* font-size: 2rem; */
      font-weight: bold;
      margin: 40px 0 20px;
      font-family: emoji;
      font-size: 36px;
    }
   

    .brand-img-wrapper {
      aspect-ratio: 3 / 2; 
      width: 109px; 
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    @media only screen and (min-width: 992px){
      .brand-img-wrapper{
        width: 210px;
      }
    }

    .brand-img-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: contain; 
    }

    .brand-description {
      max-width: 800px; 
      margin: 0 auto;   
      text-align: center;
      line-height: 1.6; 
      font-size: 18px;
    }

    @media (min-width: 768px) {
      .brand-description {
         max-width: 810px; 
      }
    }

    .brand-descriptionone{
      max-width: 800px; 
      margin: 0 auto;   
      text-align: center;
      line-height: 1.6; 
      font-size: 18px;
      margin-bottom: 55px;
    }
    @media (min-width: 768px) {
      .brand-descriptionone {
         max-width: 810px; 
      }
    }

    .brand-descriptiontwo{
      max-width: 800px; 
      margin: 0 auto;   
      text-align: center;
      line-height: 1.6; 
      font-size: 18px;
      margin-bottom: 55px;
    }
    @media (min-width: 768px) {
      .brand-descriptiontwo {
         max-width: 810px; 
      }
    }

    .brand-descriptionthree{
      max-width: 800px; 
      margin: 0 auto;   
      text-align: center;
      line-height: 1.6; 
      font-size: 18px;
      margin-bottom: 55px;
    }
    @media (min-width: 768px) {
      .brand-descriptionthree {
         max-width: 810px; 
      }
    }

    .internship-div{
      margin-top: 70px;
    }
    .card {
      border: none;
      transition: transform 0.3s;
    }
    .card:hover {
      transform: translateY(-5px);
    }

    .card.p-3.mb-3.news-blogtwo {
        height: 250px;
        border-radius: 0;
    }

    @media (max-width: 768px){
        .card.p-3.mb-3.news-blogtwo {
            margin-top: 16px;
        }


        .brand-descriptionthree {
          font-size: 14px;
          margin-bottom: 30px;
        }
    }

    .card.p-3.news-blogthree {
        height: 250px;
        border-radius: 0;
    }  

    .img-fluid {
      max-width: 100%;
      height: auto;
      margin-top: 11px;
    }


    .news-blogone{
        background: #A2A43D;
    }
    .news-blogtwo{
        background: #C0DED6;
    }
    .news-blogthree{
        background: #E1966D;
    }

    .news-block-icon{
      display: flex;
      justify-content: end;
    }

    a.blogone {
        text-decoration: none;
        color: black;
        font-size: 28px;
        font-family: emoji;
    }

    p.blogonepara {
      font-size: 20px;
    }

    a.blogstart {
      text-decoration: none;
      color: white;
      font-size: 28px;
      font-family: emoji;
    }

    p.blogstartpara {
      font-size: 18px;
    }
 

    .learn-more {
        background-color: #006001;
        color: #fff;
        border: none;
        border-radius: 0;
        width: 160px;
        font-size: 20px;
        font-weight: bold;
    }
    .learn-more:hover {
      background-color: #007700;
      color: white;
    }
    .footer-btn {
      margin-top: 30px;
      background-color: #86C5B2;
      border: none;
      color: white;
      width: 320px;
      height: 40px;
      font-size: 19px;
      border-radius: 0;
    }

    .footer-btn:hover{
        background-color: #29b088;
        color: white;
    }


    .ms-start{
      margin-top: 70px;
    }
   
    .mission-head{
        margin-top: 10px;
        font-size: 25px;
    }


    .innovation-section {
      padding: 50px 20px;
      background-color: #fff1df;

    }

    .innovation-title {
      font-weight: 700;
      /* font-size: 2.2rem; */
      text-align: center;
      margin-bottom: 10px;
      font-family: emoji;
      font-size: 36px;
    }
    

    .innovation-subtitle {
      text-align: center;
      margin: 0 auto 40px;
    }

 

    .innovation-box {
      display: flex;
      gap: 15px;
      margin-bottom: 30px;
      align-items: flex-start;
    }

    .innovation-box img {
      width: 115px;
      height: 125px;
      object-fit: cover;
    }

    .innovation-box h5 {
      font-size: 1.2rem;
      font-weight: 700;
      color: #006001;
      margin-bottom: 5px;
    }

    .innovation-box .number {
      font-weight: 800;
      font-size: 1.5rem;
      color: #006001;
    }

    .innovation-para{
        color: #006001;
    }

    .innov-para{
      font-size: 18px;
    }

    p.blogonepara {
      font-size: 18px;
    }

    .innovation-btn {
      text-align: center;
    }

    .inno-btn{
      margin-top: 30px;
      background: #006001;
      border: none;
      color: white;
      width: 320px;
      height: 40px;
      font-size: 19px;
      border-radius: 0;
    }

    .inno-btn:hover{
      background: #007700;
      color: white;
    }

    @media only screen and (min-width: 992px){
      .row.innovation-start {
        max-width: 82%;
        margin-left: 117px;
      } 
    }

    @media only screen and (min-width: 992px){
      .row.news-blogstart {
        max-width: 82%;
        margin-left: 117px;
      }
    }
    

    .link-block {
      display: flex;
      align-items: center;
      font-weight: 600;
      font-size: 1.2rem;
      margin-bottom: 20px;
    }

    .link-block a {
      color: #000;
      text-decoration: none;
      display: flex;
      align-items: center;
    }

    i.fa-solid.fa-arrow-right.link-block-icon {
      margin-left: 8px;
    }

    @media only screen and (min-width: 992px){
      .row.link-blockstart {
        max-width: 85%;
        margin-left: 113px;
      }
    }
    

   

    .custom-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: 8px;
    }

    .custom-icon-news {
        display: inline-flex;
        justify-content: end;
        margin-top: 75px;
    }


    footer a {
      text-decoration: none;
    }


    @media (max-width: 768px) {
      .innovation-box {
        flex-direction: row;
      }

      .innov-para{
        font-size: 14px;
      }

      .inno-btn{
        width: 200px;
        height: 40px;
        font-size: 16px;
        margin: 0 55px;
      }
    }

    .col-md-6.misson-start, .col-md-6.misson-startone, .col-md-6.misson-starttwo{
        background: #F0E1CD;
        height: 310px;
    }

    @media (max-width: 768px){
      img.img-fluidone {
        width: 100%;
      }
      img.img-fluidtwo {
        width: 100%;
      }
      img.img-fluidthree {
        width: 100%;
      }
    }
   
   

    
    @media only screen and (min-width: 992px){

      .img-fluidone {
        max-width: 100%;
        height: auto;
        left: 124px;
        position: relative;
      }

      .img-fluidtwo {
        max-width: 100%;
        height: auto;
        margin-left: 85px;
      }

      .img-fluidthree {
        max-width: 100%;
        height: auto;
        left: 124px;
        position: relative;
      }
    }
    
    

    @media only screen and (min-width: 992px){
    .col-md-6.misson-start {
        background: #F0E1CD;
        height: 310px;       
        position: relative;
        max-width: 450px;
        left: 75px;
    }
    }

    @media only screen and (min-width: 992px){
    .col-md-6.misson-startone {
        background: #F0E1CD;
        height: 310px;
        position: relative;
        max-width: 450px;
        left: 140px;
    }
    }
    @media only screen and (min-width: 992px){
    .col-md-6.misson-starttwo {
        background: #F0E1CD;
        height: 310px;
        right: 51px;
        position: relative;
        max-width: 450px;
        left: 75px;
    }
    }

    @media (max-width: 768px){
        p.innovation-para {
            font-size: 12px;
        }
    }
 



    .future-contentstart{
      background: black;
    }
    .future-section {
      padding: 55px 15px;
    }

    .badge-custom {
      background-color: #fff;
      color: #000;
      border-radius: 30px;
      padding: 6px 18px;
      font-weight: 600;
      display: inline-block;
      margin-bottom: 12px;
    }

    .badge-custom::before {
      content: '★ ';
    }

    .subtitle {
      font-size: 16px;
      text-transform: uppercase;
      color: #ccc;
      margin-bottom: 10px;
      font-weight: 700;
    }

    .headline {
      font-size: 48px;
      font-weight: 700;
      line-height: 1.1;
      margin-bottom: 30px;
      color: white;
      font-family: emoji;
    }

    .learn-btn {
      background-color: #fff;
      color: #000;
      font-weight: bold;
      padding: 12px 35px;
      border-radius: 30px;
      text-transform: uppercase;
      border: none;
    }

    .abstract-shape img {
      width: 100%;
      max-width: 530px;
    }

    p.future-cont {
      color: white;
      font-size: 20px;
      font-weight: 600;
    }

  

    @media (max-width: 768px) {
      .headline {
        font-size: 40px;
      }

      .abstract-shape {
        text-align: center;
        margin-bottom: 30px;
      }
      .future-section {
        padding: 20px 15px;
      }

      .learn-btn{
        padding: 8px 24px;
      }
    }

    @media only screen and (min-width: 992px){
      .col-md-6.abstract-shape {
        margin-left: 200px;
        max-width: 550px;
      }
      .col-md-6.text-md-start {
        max-width: 470px;
        margin-left: 10px;
        margin-top: 42px;
      }
    }


    .video-section {
      position: relative;
      width: 100%;
      height: 600px;
      overflow: hidden;
      margin-top: 70px;
    }

    .video-section video {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      transform: translate(-50%, -50%);
      object-fit: cover;
      z-index: 1;
    }

    .video-overlay {
      position: relative;
      z-index: 2;
      padding: 100px 15px;
      background: rgba(0, 0, 0, 0.4);
      text-align: center;
    }

    .video-overlay h1 {
      font-size: 48px;
      font-weight: bold;
      color: white;
    }

    .video-overlay p {
      font-size: 18px;
      margin-bottom: 20px;
      color: white;
    }

    .btn-learn {
      padding: 12px 30px;
      font-size: 16px;
      font-weight: bold;
      border-radius: 30px;
      background: #fff;
      color: #000;
      border: none;
      text-transform: uppercase;
    }

    @media (max-width: 768px) {
      .video-overlay h1 {
        font-size: 32px;
      }
      .video-section {
        height: auto;
      }
    }


    /* food bank */
    .container.food-frame.my-5 {
      background: #86C5B2;
      
    }

    /* .col-md-6.foodframe-cont {
      margin-top: 75px;
    } */
    
    .foodframe-cont h3 {
      font-size: 30px;
      font-weight: 700;
      color: #f9f6ec;
      /* margin-top: 60px; */
      margin-left: 50px;
      max-width: 375px;
    }

    .foodframe-cont p {
      color: #f9f6ec;
      font-size: 18px;
      font-weight: 500;
      padding: 16px 50px;
      max-width: 500px;
    }

    .btn-frame {
      padding: 10px 28px;
      font-size: 18px;
      font-weight: 700;
      background: #1d5c5e;
      color: #fff;
      border: none;
      text-transform: uppercase;
      margin-left: 50px;
    }

    .btn-frame:hover{
      background: #3f999c;
    }

    .foodframe-start{
      background: #86C5B2;
      /* background: #6c2b19; */
    }

    @media only screen and (min-width: 992px){
      .col-md-6.foodframe-img.my-5{
        padding: 15px 40px;
      }

      /* .col-md-6.foodframe-cont {
        margin-top: 0px;
      } */
    }
    
    @media (max-width: 768px){
      .foodframe-cont h3 {
        /* margin-top: 25px; */
        margin-left: 0px;
      }

      .foodframe-cont p{
        padding: 10px 0px;
      }

      .btn-frame{
        margin-left: 0;
        font-size: 16px;
      }
    }





    /* Mobile View */
    @media (max-width: 768px){
      .ms-start {
        margin-top: 0px;
      }

      .col-md-6.misson-start, .col-md-6.misson-startone, .col-md-6.misson-starttwo {
        height: auto;
        padding: 30px;
      }

      .mission-head {
        margin-top: 0px;
        font-size: 22px;
      }

      .brand-description, .brand-descriptionone, .brand-descriptiontwo{
        font-size: 14px;
        text-align: justify;
      }

      h2.innovation-title {
        font-size: 25px;
      }

      .mission-para{
        font-size: 14px;
      }

      .brand-descriptionone{
        font-size: 14px;
      }

      p.blogstartpara {
        font-size: 14px;
      }

      a.blogstart, a.blogone{
        font-size: 20px;
      }

      p.blogonepara {
        font-size: 14px;
      }

      /* .col-md-6.foodframe-cont {
        margin-top: 0px;
      } */

      .foodframe-cont p{
        font-size: 14px;
      }

      .foodframe-cont h3{
        font-size: 25px;
      }

      .learn-more{
        width: 120px;
        font-size: 16px;
      }

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

      h2.section-title {
        font-size: 25px;
      }
      
      
    }


    /* Tablet View */

   @media (min-width: 768px) and (max-width: 1024px){
    img.img-fluidone {
      width: 100%; 
    }

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

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

    .col-md-6.misson-start, .col-md-6.misson-startone, .col-md-6.misson-starttwo{
      background: #F0E1CD;
      height: auto;
    }

    section.video-section {
      height: auto;
    }

    .card.p-3.mb-3.news-blogtwo {
      height: auto;
    }

    .card.p-3.news-blogthree {
      height: auto;
    }

    .card.p-3.mb-3.news-blogtwo {
      margin-top: 0px;
    }

    .col-md-6.foodframe-cont {
      width: 100%;
    }

    .col-md-6.foodframe-img.my-5 {
      width: 100%;
    }

    .foodframe-cont p {
      max-width: 100%;
    }

    .foodframe-cont h3{
      max-width: 100%;
    }


   }

   h4.card-title {
    font-size: 22px;
   }

   .card.innovation-card.h-100 {
    border-radius: 0;
   }

   img.card-img-top {
    border-radius: 0;
   }

   @media (max-width: 768px){
    .innovation-section {
      padding: 40px 0px;
    }
    

    h4.card-title {
      font-size: 18px;
    }

    p.card-text {
      font-size: 14px;
    }

    .innovation-main{
      margin-bottom: 20px;
    }



   }

    .nourish-logo {
      width: 40%;
      margin-left: 48px;
      margin-top: 51px;

    }

    @media (max-width: 768px){
      .nourish-logo {
        width: 40%;
        margin-left: 0;
        margin-top: 30px;
      }
    }


    /* navbar  */


    @media (max-width: 768px){
      nav.navbar.navbar-expand-lg.navbar-light {
        background: white;
      }

      .nav-link {
        font-weight: 500;
        color: #000;
      }

      
    }