/*
Theme Name: SIIN Fund Theme
Theme URI: https://reenergia.com/siin
Author: Custom Developer
Description: A clean, high-performance landing page theme for the Sustainable Impact and Innovation Nexus (SIIN) Fund.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: siin-fund
*/
:root{
    --navy:#103058;
    --green:#106828;
    --gold:#F0A010;
    --sky:#48A8D8;
    --bg:#FFFFFF;
    --bg-alt:#F6F8FA;
    --text:#1B2A3D;
    --text-muted:#5B6B7E;
    --border:#E3E8ED;
    --radius:10px;
    --maxw:1280px;
    --bg-alt-v1: #F1EDE7;
     --font-family: 'Inter', system-ui, -apple-system, sans-serif;
      --bg-canvas: #fcfdfe;
      --navy-title: #06112c;
      --sub-blue: #2563eb;

      /* Purple Theme (Health & AI) */
      --purple-primary: #3f0c95;
      --purple-border: #dfdbf7;
      --purple-accent: #3f0c95;

      /* Green Theme (Food Systems) */
      --green-primary: #1d6721;
      --green-border: #c9f2d9;
      --green-accent: #1d6721;

      /* Teal Theme (Forest Ecosystems) */
      --teal-primary: #007c8a;
      --teal-border: #c6eceb;
      --teal-accent: #007c8a;

      /* Blue Theme (Renewable Energy) */
      --blue-primary: #0044da;
      --blue-border: #cfe2fe;
      --blue-accent: #0044da;

      /* Mobility Theme (Sustainable Mobility) */
      --mobility-primary: #017a87;
      --mobility-border: #c6eceb;
      --mobility-accent: #0d9488;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:'Inter',sans-serif;color:var(--text);background:var(--bg);line-height:1.7;}
  img{max-width:100%;display:block;}
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}
  h1,h2,h3,h4{font-family:'Manrope',sans-serif;color:var(--navy);font-weight:700;letter-spacing:-0.01em;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
  .section{padding:72px 0;border-bottom:1px solid var(--border);}
  .section:last-of-type{border-bottom:none;}
  .section-alt{background:var(--bg-alt);}
  .section-alt-v1{background:var(--bg-alt-v1);}
  .label{font-family:'Manrope',sans-serif;font-weight:700;font-size:12.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--green);margin-bottom:12px;}
  h2{font-size:clamp(24px,3.2vw,32px);margin-bottom:14px;line-height:1.25;}
  .sub{color:var(--text-muted);font-size:16px;max-width:100%px;margin-bottom:40px;}
  p{font-size:15.5px;color:var(--text-muted);}

  .btn{display:inline-block;font-family:'Manrope',sans-serif;font-weight:700;font-size:14.5px;padding:13px 26px;border-radius:8px;border:none;cursor:pointer;transition:opacity .2s ease;}
  .btn-primary{background:var(--gold);color:#26170A;}
  .btn-primary:hover{opacity:.88;}
  .btn-outline{background:transparent;border:1.5px solid rgba(255,255,255,0.5);color:#fff;}
  .btn-outline:hover{background:rgba(255,255,255,0.1);}
  .btn-dark{background:var(--navy);color:#fff;}
  .btn-dark:hover{opacity:.88;}

  /* Nav */
  header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:100;}
  nav{display:flex;align-items:center;justify-content:space-between;max-width:var(--maxw);margin:0 auto;padding:14px 24px;}
  .logo-mark img{height:58px;}
  .nav-links{display:flex;gap:28px;}
  .nav-links a{font-family:'Manrope',sans-serif;font-weight:600;font-size:16px;color:var(--text);}
  .nav-links a:hover{color:var(--navy);}
  .burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;}
  .burger span{width:22px;height:2px;background:var(--navy);}

  /* Hero */
  .hero{position:relative;padding:100px 0;overflow:hidden;background:var(--navy);}
  .hero-bg{position:absolute;inset:0;background-image:url('assets/Hero_banner.png');background-size:cover;background-position:center;}
  .hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(9,28,54,0.40) 0%, rgba(9,28,54,0.40) 60%, rgba(9,28,54,0.97) 100%);}
  .hero .wrap{position:relative;z-index:2;text-align:center;max-width:720px;}
  .hero .label{color:var(--gold);}
  .hero h1{color:#fff;font-size:clamp(30px,4.5vw,46px);line-height:1.2;margin-bottom:18px;}
  .hero p.lead{color:rgba(255,255,255,0.72);font-size:17px;max-width:560px;margin:0 auto 30px;}
  .hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:36px;}
  .hero-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,0.15);padding-top:28px;}
  .hero-stat b{display:block;font-family:'Manrope',sans-serif;font-size:22px;color:#fff;}
  .hero-stat span{font-size:11.5px;color:rgba(255,255,255,0.55);text-transform:uppercase;letter-spacing:.06em;}

  /* About */
  .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
  .about-media{align-self:start;position:sticky;top:88px;}
  .about-media img{border-radius:var(--radius);border:1px solid var(--border);}
  .about-copy p{margin-bottom:14px;}
  .chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
  .chip{font-family:'Manrope',sans-serif;font-weight:600;font-size:13px;border:1px solid var(--border);padding:8px 14px;border-radius:999px;color:var(--navy);}

  /* Two-col cards (vision/mission, why) */
  .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .card{border:1px solid var(--border);border-radius:var(--radius);padding:28px;background:#fff;}
  .card h3, .card h4{font-size:18px;margin-bottom:10px;}
  .card .num{font-family:'Manrope',sans-serif;font-weight:800;font-size:13px;color:var(--navy);background:var(--bg-alt);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}

  /* Pillars */
  .pillar-card{border-top:3px solid var(--navy);}
  .pillar-card.food{border-top-color:var(--green);}
  .pillar-card.forest{border-top-color:#0E6E78;}
  .pillar-card .tag{display:inline-block;font-family:'Manrope',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;}
  .pillar-card p{font-size:14px;margin-bottom:10px;}
  .pillar-card .meta{border-top:1px solid var(--border);padding-top:12px;margin-top:12px;font-size:13px;}
  .pillar-card .meta b{display:block;color:var(--navy);font-size:12.5px;margin-bottom:2px;}

  .cross-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;}
  .cross-card{border:1px solid var(--border);border-radius:var(--radius);padding:24px;background:var(--bg-alt-v1);}
  .cross-card h4{font-size:16px;margin-bottom:6px;}
  .cross-card p{font-size:13.5px;}
  .digital-note{margin-top:20px;border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;background:#fff;}
  .digital-note h4{font-size:16px;margin-bottom:6px;}
  .digital-note p{font-size:13.5px;}

  .landscape-figure{margin-top:44px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);}

  /* Process */
  .process-item{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--border);}
  .process-item:last-child{border-bottom:none;}
  .process-num{width:44px;height:44px;border-radius:8px;background:var(--navy);color:#fff;font-family:'Manrope',sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:16px;}
  .process-body h4{font-size:16px;margin-bottom:4px;}
  .process-body p{font-size:14px;}
  .note-box{margin-top:24px;background:#FFF;border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;font-size:14px;color:var(--text-muted);}
  .note-box b{color:var(--navy);}

  /* Stats */
  .stats-band{background:var(--navy);border-radius:var(--radius);padding:44px 30px;text-align:center;}
  .stats-band h2{color:#fff;}
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px;}
  .stat b{display:block;font-family:'Manrope',sans-serif;font-size:28px;color:#fff;}
  .stat span{font-size:12px;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:.05em;}

  /* Logos */
  .logo-strip{border:1px solid var(--border);border-radius:var(--radius);padding:24px;background:#fff;text-align:center;}
  .logo-strip img{margin:0 auto;filter:grayscale(1);opacity:0.75;}

  /* FAQ */
  .faq-item{border-bottom:1px solid var(--border);}
  .faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 2px;cursor:pointer;font-family:'Manrope',sans-serif;font-weight:600;font-size:15px;color:var(--navy);}
  .faq-q .plus{font-size:18px;color:var(--text-muted);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
  .faq-a p{padding:0 2px 18px;font-size:14px;}

  /* Contact */
  .contact-grid{display:grid;grid-template-columns:1fr;gap:40px;}
  .contact-info{border:1px solid var(--border);border-radius:var(--radius);padding:28px;text-align: center;}
  .contact-info h3{font-size:18px;margin-bottom:10px;}
  .contact-info p{margin-bottom:20px;}
  .contact-row{margin-bottom:16px;font-size:14px;}
  .contact-row b{display:block;color:var(--navy);font-family:'Manrope',sans-serif;font-size:13.5px;margin-bottom:2px;}
  .contact-row a, .contact-row span{color:var(--text-muted);text-decoration: underline; font-size: 16px}
  .social-row{display:flex;gap:10px;margin-top:16px;}
  .social-row a{width:32px;height:32px;border-radius:6px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--navy);}

  .contact-form{border:1px solid var(--border);border-radius:var(--radius);padding:28px;}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
  .field{display:flex;flex-direction:column;gap:6px;}
  .field.full{grid-column:1/-1;}
  .field label{font-family:'Manrope',sans-serif;font-weight:600;font-size:12.5px;color:var(--navy);}
  .field input, .field textarea, .field select{border:1px solid var(--border);border-radius:6px;padding:11px 12px;font-family:'Inter',sans-serif;font-size:14px;background:#fff;}
  .field input:focus, .field textarea:focus, .field select:focus{outline:none;border-color:var(--sky);}
  .map-box{margin-top:16px;height:120px;border:1px dashed var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text-muted);}

  /* Footer */
  footer{background:var(--navy);color:rgba(255,255,255,0.65);padding:15px 0 13px;}
  .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,0.15);}
  .footer-logo img{height:36px;filter:brightness(0) invert(1);margin-bottom:14px;}
  .footer-grid p{font-size:13px;color:rgba(255,255,255,0.55);max-width:280px;}
  .footer-col h5{font-family:'Manrope',sans-serif;color:#fff;font-size:13.5px;margin-bottom:14px;}
  .footer-col a{display:block;font-size:13px;color:rgba(255,255,255,0.6);margin-bottom:10px;}
  .footer-bottom{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:rgba(255,255,255,0.45);}

  @media (max-width:860px){
    .about-grid, .contact-grid, .cross-row{grid-template-columns:1fr;}
    .grid-2, .grid-3{grid-template-columns:1fr;}
    .stats-grid{grid-template-columns:1fr 1fr;}
    .footer-grid{grid-template-columns:1fr;}
  }
  @media (max-width:640px){
    .nav-links{position:fixed;top:63px;left:0;right:0;background:#fff;flex-direction:column;padding:20px 24px;border-bottom:1px solid var(--border);display:none;gap:16px;}
    .nav-links.open{display:flex;}
    .burger{display:flex;}
    .form-row{grid-template-columns:1fr;}
    .stats-grid{grid-template-columns:1fr 1fr;}
  }
  
  
/*.partner-with-us {*/
/*    display: none;*/
/*}*/

/* Show only on mobile */
@media (max-width: 967px) {
    .partner-with-us a {
        display: none !important;
    }
    .about-media {
        
        position: unset !important;
        
    }
}
  /*// carousel css*/
  
  
  
  .siin-carousel-container {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 0px 0;
  }
  
  .siin-carousel-track {
    display: flex;
    gap: 30px; /* Space between logos */
    width: max-content;
    animation: siinScroll 30s linear infinite;
    align-items: center;
  }

  /* Pause the sliding animation when hovering over a logo */
  .siin-carousel-track:hover {
    animation-play-state: paused;
  }

  .siin-logo-item {
    width: 150px; /* Uniform width for logo containers */
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .siin-logo-item img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    /*filter: grayscale(100%);*/
    /*opacity: 0.6;*/
    transition: all 0.3s ease;
  }

  /* Reveal original logo color on hover */
  .siin-logo-item img:hover {
    filter: grayscale(0%);
    opacity: 1;
  }

  /* Infinite Loop Math: Offset exactly 6 logos (150px width) + 6 gaps (60px) */
  @keyframes siinScroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-150px * 6 - 60px * 6));
    }
  }
  
  
  
  
  /* Container */
    .container {
      max-width: 1400px;
      margin: 0 auto;
    }

    /* Main Title Section */
    .header-section {
      text-align: center;
      margin-bottom: 40px;
    }

    .header-section h1 {
      font-size: 2.75rem;
      font-weight: 900;
      color: var(--navy-title);
      letter-spacing: -1px;
      margin-bottom: 8px;
    }

    .header-section p {
      font-size: 1.35rem;
      font-weight: 500;
      color: var(--sub-blue);
    }

    /* Section Dividers */
    .section-divider {
      display: flex;
      align-items: center;
      margin: 45px 0 25px 0;
    }

    .section-divider-line {
      flex-grow: 1;
      height: 2px;
    }

    .section-divider-content {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 0 20px;
      font-weight: 800;
      font-size: 1.15rem;
      letter-spacing: 0.5px;
      text-transform: uppercase;
    }

    .section-divider-num {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 1.1rem;
    }

    /* Card Layout Grids */
    .grid-3 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    .grid-2 {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
    }

    /* Card Styling */
    .card {
      background: white;
      border-radius: 16px;
      padding: 24px;
      display: flex;
      flex-direction: column;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    /* Theme applications on Cards */
    .card.theme-purple { border: 2px solid var(--purple-border); }
    .card.theme-green { border: 2px solid var(--green-border); }
    .card.theme-teal { border: 2px solid var(--teal-border); }
    .card.theme-blue { border: 2px solid var(--blue-border); }
    .card.theme-mobility { border: 2px solid var(--mobility-border); }

    /* Card Header */
    .card-header {
      display: flex;
      align-items: flex-start;
      gap: 20px;
    }
    .mr-10{
       margin-bottom: 10px; 
    }

    .circle-icon {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .pill-badge {
      font-size: 0.72rem;
      font-weight: 800;
      color: white;
      padding: 4px 14px;
      border-radius: 20px;
      display: inline-block;
      margin-bottom: 6px;
    }

    .card-title {
      font-size: 1.6rem;
      font-weight: 800;
      line-height: 1.2;
    }

    .card-desc {
      font-size: 0.88rem;
      color: #1e293b;
      margin-top: 4px;
      font-weight: 500;
    }

    /* Dynamic Interior Divider */
    .card-divider {
      height: 1px;
      width: 100%;
      margin-bottom: 20px;
    }
    .theme-purple .card-divider { background-color: var(--purple-border); }
    .theme-green .card-divider { background-color: var(--green-border); }
    .theme-teal .card-divider { background-color: var(--teal-border); }
    .theme-blue .card-divider { background-color: var(--blue-border); }
    .theme-mobility .card-divider { background-color: var(--mobility-border); }

    /* Inner Columns */
    .inner-cols-2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      flex-grow: 1;
    }

    .inner-cols-2 > div:not(:last-child) {
      border-right: 1.5px dashed #cbd5e1;
      padding-right: 20px;
    }

    .inner-cols-3 {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 20px;
      flex-grow: 1;
    }

    .inner-cols-3 > div:not(:last-child) {
      border-right: 1.5px dashed #cbd5e1;
      padding-right: 20px;
    }

    /* Sub-column Content */
    .sub-col-header {
      display: flex;
      align-items: center;
      gap: 10px;
      font-weight: 800;
      font-size: 0.95rem;
      margin-bottom: 12px;
      text-transform: none;
    }

    .sub-col-icon {
      width: 22px;
      height: 22px;
      flex-shrink: 0;
    }

    .sub-col-text {
      font-size: 0.88rem;
      color: #1e293b;
      font-weight: 500;
      line-height: 1.5;
    }

    /* Section 3 (Single Wide Card Layout) */
    .ai-card-layout {
      display: grid;
      grid-template-columns: 1.2fr 1fr 1fr;
      gap: 24px;
      align-items: center;
    }

    .ai-card-layout > div:not(:last-child) {
      border-right: 1.5px dashed #cbd5e1;
      padding-right: 24px;
    }

    .ai-embedded-box {
      display: flex;
      align-items: center;
      gap: 16px;
    }

    .ai-embedded-box span {
      
      color: #0f172a;
      font-size: 14.08px;
    }
    .mr-0{
      margin: 0 !important;
    }

    /* Responsive Design */
    @media (max-width: 1200px) {
      .grid-3 {
        grid-template-columns: 1fr;
      }
      .grid-2 {
        grid-template-columns: 1fr;
      }
      .ai-card-layout {
        grid-template-columns: 1fr;
      }
      .ai-card-layout > div:not(:last-child) {
        border-right: none;
        border-bottom: 1.5px dashed #cbd5e1;
        padding-right: 0;
        padding-bottom: 24px;
      }
    }

    @media (max-width: 768px) {
      /*body {*/
      /*  padding: 20px 10px;*/
      /*}*/
      .header-section h1 {
        font-size: 2rem;
      }
      .header-section p {
        font-size: 1.1rem;
      }
      .inner-cols-2 {
        grid-template-columns: 1fr;
      }
      .inner-cols-2 > div:not(:last-child) {
        border-right: none;
        border-bottom: 1.5px dashed #cbd5e1;
        padding-right: 0;
        padding-bottom: 20px;
      }
      .inner-cols-3 {
        grid-template-columns: 1fr;
      }
      .inner-cols-3 > div:not(:last-child) {
        border-right: none;
        border-bottom: 1.5px dashed #cbd5e1;
        padding-right: 0;
        padding-bottom: 20px;
      }
    }