@import url('https://fonts.googleapis.com/css2?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');
:root {
      --navy: #07366c;
      --navy-dark: #062d5a;
      --orange: #ff5a0a;
      --green: #079b6d;
      --purple: #7a36bd;
      --cream: #f8f5ed;
    }

    * { box-sizing: border-box; }

    html { scroll-behavior: smooth; }

    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      color: #13294b;
      background: var(--cream);
      overflow-x: hidden;
    }

    /* Top bar */
    .topbar {
      height: 25px;
      background: linear-gradient(90deg, #082e5d, #073e79);
      color: #fff;
      font-size: 12px;
    }

    .topbar .container-fluid {
      height: 100%;
      padding: 0 5%;
    }

    .topbar a {
      color: #fff;
      text-decoration: none;
      opacity: .95;
    }

    .top-social {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .top-social i {
      font-size: 12px;
    }

    /* Navbar */
    .main-nav {
      background: #fff;
      min-height: 78px;
      box-shadow: 0 2px 12px rgba(0,0,0,.06);
      position: relative;
      z-index: 20;
    }

    .main-nav .container-fluid {
      padding-left: 5%;
      padding-right: 5%;
    }

    .brand-logo {
      width: 285px;
      height: 78px;
      object-fit: contain;
      object-position: left center;
      display: block;
    }

    .nav-link {
      color: #111827 !important;
      font-weight: 600;
      font-size: 14px;
      padding: 30px 17px !important;
      position: relative;
    }

    .nav-link:hover,
    .nav-link.active {
      color: var(--navy) !important;
    }

    .nav-link.active::after {
      content: "";
      position: absolute;
      left: 17px;
      right: 17px;
      bottom: 18px;
      height: 2px;
      background: var(--orange);
    }

    .mission-btn {
      background: linear-gradient(90deg, #ff6712, #f75a08);
      color: #fff;
      border: 0;
      border-radius: 30px;
      padding: 11px 20px;
      font-weight: 700;
      font-size: 14px;
      box-shadow: 0 6px 16px rgba(255,90,10,.18);
      transition: .3s ease;
    }

    .mission-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 24px rgba(255,90,10,.28);
      color: #fff;
    }

    /* Hero */
    .hero {
      position: relative;
      min-height: 357px;
      background:
        radial-gradient(circle at 28% 55%, rgba(255,255,255,.96), rgba(255,255,255,.72) 25%, rgba(255,255,255,.10) 56%),
        linear-gradient(90deg, #d7eef9 0%, #d8edf7 42%, #f3f2d6 100%);
      overflow: visible;
	 
    }

    .hero-content {
      position: relative;
      z-index: 4;
      padding: 35px 0 92px;
    }

    .eyebrow {
      color: var(--orange);
      text-transform: uppercase;
      letter-spacing: 2.5px;
      font-size: 12px;
      font-weight: 800;
      margin-bottom: 6px;
    }

    .hero h1, .inner-banner h1 {
      color: #0b376d;
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(42px, 4.2vw, 49px);
      line-height: .96;
      font-weight: 800;
      margin: 0 0 8px;
      max-width: 530px;
    }
	.inner-banner h1{
		color: #fff
	}
    .hero p {
      max-width: 470px;
      font-size: 14px;
      line-height: 1.42;
      color: #102b50;
      margin-bottom: 14px;
    }

    .hero-buttons {
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
    }

    .btn-support,
    .btn-learn {
      min-width: 176px;
      height: 40px;
      border-radius: 25px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 700;
      text-decoration: none;
      transition: .3s ease;
    }

    .btn-support {
      background: var(--orange);
      color: #fff;
      border: 2px solid var(--orange);
    }

    .btn-support:hover {
      background: #e94e05;
      color: #fff;
      transform: translateY(-2px);
    }

    .btn-learn {
      color: var(--navy);
      border: 1.5px solid var(--navy);
      background: rgba(255,255,255,.2);
    }

    .btn-learn:hover {
      background: var(--navy);
      color: #fff;
    }

    .hero-photo {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 55%;
      height: 100%;
      object-fit: cover;
      object-position: center right;
      mix-blend-mode: normal;
      z-index: 2;
      -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.45) 9%, #000 25%);
      mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.45) 9%, #000 25%);
    }

    /* Feature card */
    .feature-wrap {
      position: relative;
      z-index: 10;
      margin-top: -60px;
      padding-bottom: 0;
    }

    .features-card {
      background: rgba(255,255,255,.98);
      border-radius: 17px;
      box-shadow: 0 9px 25px rgba(24,55,84,.12);
      overflow: hidden;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
    }

    .feature {
      min-height: 150px;
      padding: 10px 25px 12px;
      text-align: center;
      border-right: 1px solid #e0e0e0;
    }

    .feature:last-child { border-right: 0; }

    .feature-icon {
      width: 57px;
      height: 57px;
      margin: 0 auto 7px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 25px;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.15);
      transition: transform .35s ease;
    }

    .feature:hover .feature-icon {
      transform: translateY(-5px) rotate(4deg);
    }

    .icon-orange { background: #ff5a0a; }
    .icon-green { background: #0a9c70; }
    .icon-blue { background: #064680; }
    .icon-purple { background: #7935bb; }

    .feature h3 {
      margin: 0 0 3px;
      font-size: 16px;
      color: #092f61;
      font-weight: 800;
    }

    .feature p {
      margin: 0 auto;
      max-width: 170px;
      font-size: 13px;
      line-height: 1.35;
      color: #31343a;
    }


    /* Mission + Impact Section */
    .mission-section {
      position: relative;
      background: #f8f5ed;
      overflow: hidden;
      padding: 42px 0 0;
    }

    .mission-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 12% 45%, rgba(255,255,255,.95), transparent 34%),
        radial-gradient(circle at 86% 35%, rgba(255,255,255,.8), transparent 28%);
      pointer-events: none;
    }

    .mission-inner {
      position: relative;
      z-index: 1;
      min-height: 205px;
      display: flex;
      align-items: center;
    }

    .mission-art-wrap {
      width: 34%;
      flex: 0 0 34%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-right: 12px;
    }

    .mission-art {
      width: 100%;
      max-width: 335px;
      height: 225px;
      object-fit: cover;
      object-position: center;
      mix-blend-mode: multiply;
      border-radius: 50%;
    }

    .mission-copy {
      width: 45%;
      flex: 0 0 45%;
      padding: 0 12px;
    }

    .mission-eyebrow {
      color: var(--orange);
      text-transform: uppercase;
      letter-spacing: 2.5px;
      font-size: 12px;
      font-weight: 800;
      margin-bottom: 3px;
    }

    .mission-copy h2 {
      color: #0b376d;
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(31px, 3vw, 38px);
      line-height: 1.02;
      font-weight: 800;
      margin: 0 0 8px;
    }

    .mission-copy p {
      color: #27364a;
      font-size: 14px;
      line-height: 1.35;
      max-width: 500px;
      margin: 0 0 9px;
    }

    .mission-btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: linear-gradient(90deg, #ff6510, #ff4f00);
      color: #fff;
      text-decoration: none;
      font-size: 13px;
      font-weight: 700;
      padding: 10px 19px;
      border-radius: 28px;
      transition: .3s ease;
      box-shadow: 0 6px 16px rgba(255,90,10,.18);
    }

    .mission-btn:hover {
      color: #fff;
      transform: translateY(-2px);
      box-shadow: 0 10px 22px rgba(255,90,10,.28);
    }

    .mission-quote {
      width: 21%;
      flex: 0 0 21%;
      padding-left: 15px;
      border-left: 1px solid rgba(7,54,108,.08);
    }

    .mission-quote blockquote {
      margin: 0;
      color: #0b376d;
      font-family: Georgia, "Times New Roman", serif;
      font-style: italic;
      font-size: 15px;
      line-height: 1.5;
    }

    .mission-quote cite {
      display: block;
      margin-top: 6px;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      color: #143e70;
    }

    .impact-strip {
      margin-top: 0;
      background: #002d6b;
      color: #fff;
      position: relative;
      z-index: 2;
      padding: 13px 0 14px;
    }

    .impact-title {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      margin-bottom: 8px;
    }

    .impact-title::before,
    .impact-title::after {
      content: "";
      width: 54px;
      height: 2px;
      background: #f5a900;
    }

    .impact-title h2 {
      margin: 0;
      color: #fff;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 26px;
      font-weight: 800;
    }

    .impact-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
    }

    .impact-item {
      min-height: 58px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 0 16px;
      
    }

    .impact-item:last-child {
      border-right: 0;
    }

    .impact-icon {
      width: 46px;
      height: 46px;
      flex: 0 0 46px;
      border-radius: 50%;
     
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 23px;
      color: #fff;
    }

   

    .impact-number {
      color: #ffc400;
      font-size: 24px;
      line-height: 1;
      font-weight: 800;
      display: block;
    }

    .impact-label {
      color: #fff;
      font-size: 14px;
      line-height: 1.15;
      display: block;
      margin-top: 10px;
    }

    @media (max-width: 991.98px) {
      .mission-section { padding-top: 30px; }
      .mission-inner {
        min-height: auto;
        flex-wrap: wrap;
        align-items: center;
      }
      .mission-art-wrap {
        width: 38%;
        flex-basis: 38%;
      }
      .mission-copy {
        width: 62%;
        flex-basis: 62%;
      }
      .mission-quote {
        width: 100%;
        flex-basis: 100%;
        border-left: 0;
        border-top: 1px solid rgba(7,54,108,.08);
        margin-top: 15px;
        padding: 14px 0 18px;
        text-align: center;
      }
      .mission-quote blockquote {
        max-width: 560px;
        margin: auto;
      }
      .impact-grid { grid-template-columns: repeat(2, 1fr); }
      .impact-item:nth-child(2) { border-right: 0; }
      .impact-item:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.35); }
    }

    @media (max-width: 575.98px) {
      .mission-section { padding-top: 20px; }
      .mission-inner { display: block; }
      .mission-art-wrap,
      .mission-copy,
      .mission-quote {
        width: 100%;
        flex-basis: 100%;
      }
      .mission-art-wrap {
        padding: 0;
        margin-bottom: 5px;
      }
      .mission-art {
        height: 190px;
        max-width: 300px;
      }
      .mission-copy { padding: 0; text-align: center; }
      .mission-copy h2 { font-size: 32px; }
      .mission-copy p { margin-left: auto; margin-right: auto; }
      .mission-quote {
        margin-top: 18px;
        padding: 15px 10px 20px;
      }
      .impact-title { gap: 9px; }
      .impact-title::before,
      .impact-title::after { width: 30px; }
      .impact-title h2 { font-size: 22px; }
      .impact-grid { grid-template-columns: 1fr; }
      .impact-item {
        min-height: 70px;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.3) !important;
      }
      .impact-item:last-child { border-bottom: 0 !important; }
    }

    /* Small content area so the page remains a usable HTML landing page */
    .below-content {
      padding: 55px 0 80px;
      text-align: center;
    }

    .below-content h2 {
      color: var(--navy);
      font-family: Georgia, "Times New Roman", serif;
      font-weight: 700;
    }

    .below-content p {
      max-width: 680px;
      margin: 10px auto 0;
      color: #5b6573;
    }

    /* Mobile */
    @media (max-width: 991.98px) {
      .topbar { height: auto; min-height: 28px; padding: 5px 0; }
      .topbar .container-fluid { padding: 0 4%; }
      .topbar .contact-info { gap: 12px !important; }

      .main-nav { min-height: 72px; }
      .brand-logo { width: 250px; height: 72px; }

      .nav-link { padding: 12px 8px !important; }
      .nav-link.active::after {
        left: 8px; right: 8px; bottom: 5px;
      }

      .mission-btn { margin: 8px 0 15px; }

      .hero { min-height: 560px; }
      .hero-content {
        padding: 35px 0 235px;
      }

      .hero h1 { font-size: 43px; }
      .hero-photo {
        width: 100%;
        height: 310px;
        top: auto;
        bottom: 0;
        -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.45) 18%, #000 45%);
        mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.45) 18%, #000 45%);
      }

      .feature-wrap { margin-top: -45px; }
      .features-card { grid-template-columns: repeat(2, 1fr); }
      .feature:nth-child(2) { border-right: 0; }
      .feature:nth-child(-n+2) { border-bottom: 1px solid #e0e0e0; }
    }

    @media (max-width: 575.98px) {
      .topbar .contact-info span:last-child { display: none; }
      .top-social { gap: 8px; }

      .brand-logo { width: 220px; height: 68px; }
      .main-nav .container-fluid { padding-left: 4%; padding-right: 4%; }

      .hero, .inner-banner { min-height: 630px; }
      .hero-content { padding-top: 30px; padding-bottom: 265px; }
      .eyebrow { font-size: 10px; letter-spacing: 1.8px; }
      .hero h1, .inner-banner h1 { font-size: 38px; }
      .hero p { font-size: 13px; max-width: 100%; }

      .hero-buttons {
        flex-direction: column;
        align-items: flex-start;
      }

      

      .hero-photo {
        height: 330px;
        object-position: 62% center;
      }
	  
      .feature-wrap { margin-top: -30px; padding: 0 12px; }
      .features-card { grid-template-columns: 1fr; }
      .feature {
        border-right: 0 !important;
        border-bottom: 1px solid #e0e0e0 !important;
        min-height: 142px;
      }
      .feature:last-child { border-bottom: 0 !important; }

      .below-content { padding-top: 45px; }
    }

    /* =========================
       Focus / Testimonials / CTA / Footer
       ========================= */
    .focus-section {
      position: relative;
      padding: 28px 0 22px;
      background:
        radial-gradient(circle at 15% 45%, rgba(255,255,255,.88), transparent 25%),
        linear-gradient(135deg, #eef2ee 0%, #fff 50%, #e8eee8 100%);
      overflow: hidden;
    }

    .focus-title,
    .impact-title {
      color: #0b376d;
      font-family: Georgia, "Times New Roman", serif;
      font-weight: 800;
      text-align: center;
      margin: 0 0 22px;
      font-size: 27px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
    }

    .focus-title::before,
    .focus-title::after {
      content: "";
      width: 56px;
      height: 2px;
      background: var(--orange);
      display: inline-block;
    }

    .focus-card {
      background: rgba(255,255,255,.96);
      border-radius: 9px;
      overflow: hidden;
      height: 100%;
      box-shadow: 0 8px 20px rgba(17,42,66,.12);
      transition: transform .35s ease, box-shadow .35s ease;
    }

    .focus-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 16px 30px rgba(17,42,66,.18);
    }

    .focus-image-wrap {
      height: 116px;
      overflow: hidden;
      position: relative;
    }

    .focus-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform .55s ease;
    }

    .focus-card:hover .focus-image { transform: scale(1.07); }

    .focus-icon {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 21px;
      position: relative;
      margin: -22px auto 7px;
      z-index: 2;
      box-shadow: 0 4px 10px rgba(0,0,0,.12);
    }

    .focus-blue { background:#168fd0; }
    .focus-orange { background:#f39a18; }
    .focus-green { background:#0da878; }
    .focus-purple { background:#8738c4; }

    .focus-card-body {
      text-align: center;
      padding: 0 14px 16px;
    }

    .focus-card h3 {
      font-size: 15px;
      color: #092f61;
      font-weight: 800;
      margin: 0 0 5px;
    }

    .focus-card p {
      color: #242b34;
      font-size: 12px;
      line-height: 1.4;
      margin: 0 auto;
     
    }

    .testimonial-section {
      background: #eaf6fd;
      min-height: 100px;
      display: flex;
      align-items: center;
      padding: 8px 0;
    }

    .testimonial-label {
      color: #0b376d;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 25px;
      line-height: .95;
      font-weight: 800;
      position: relative;
      padding-bottom: 14px;
    }

    .testimonial-label::after {
      content:"";
      position:absolute;
      left:0;
      bottom:0;
      width:60px;
      height:3px;
      background:var(--orange);
    }

    .testimonial-person {
      width: 86px;
      height: 86px;
      border-radius: 50%;
      overflow: hidden;
      border: 2px solid #e48a35;
      flex: 0 0 auto;
    }

    .testimonial-person img {
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .testimonial-copy {
      color: #102f57;
      font-size: 13px;
      line-height: 1.35;
      font-style: italic;
      max-width: 540px;
    }

    .stars {
      color: #ff9700;
      letter-spacing: 2px;
      font-size: 17px;
      font-style: normal;
    }

    .reviewer {
      font-style: normal;
      font-weight: 700;
      font-size: 12px;
      color: #1a3151;
      margin-left: 15px;
    }

    .testimonial-arrow {
      width: 35px;
      height: 35px;
      border: 0;
      background: #fff;
      color: #0b376d;
      border-radius: 50%;
      box-shadow: 0 3px 10px rgba(0,0,0,.06);
      transition:.25s;
    }

    .testimonial-arrow:hover {
      background: var(--navy);
      color:#fff;
      transform:scale(1.06);
    }

    .change-section {
      position: relative;
      min-height: 128px;
      overflow: hidden;
      color: #fff;
      background:
        linear-gradient(90deg, rgba(7,54,108,.05) 0%, rgba(7,54,108,.88) 38%, rgba(4,58,115,.96) 72%, rgba(255,174,38,.48) 100%),
        url("../cta-children.jpg") left center / 39% 100% no-repeat,
        url("../cta-change.jpg") right center / 27% 100% no-repeat,
        #0b467f;
    }

    .change-section::after {
      content:"";
      position:absolute;
      inset:0;
      background: linear-gradient(90deg, transparent 0 32%, rgba(6,59,114,.88) 43%, rgba(6,59,114,.65) 75%, transparent 100%);
      pointer-events:none;
    }

    .change-content {
      position:relative;
      z-index:2;
      padding: 22px 0 18px;
      margin-left: 37%;
    }

    .change-content h2 {
      font-family: Georgia, "Times New Roman", serif;
      font-size: 25px;
      font-weight:800;
      margin:0 0 3px;
    }

    .change-content p {
      font-size:13px;
      margin:0 0 10px;
    }

    .change-buttons {
      display:flex;
      gap:12px;
      flex-wrap:wrap;
    }

    .change-btn {
      border-radius:22px;
      padding:8px 17px;
      color:#fff;
      font-size:12px;
      font-weight:700;
      text-decoration:none;
      border:1px solid rgba(255,255,255,.85);
      display:inline-flex;
      align-items:center;
      gap:7px;
      transition:.3s;
    }

    .change-btn.primary {
      background:var(--orange);
      border-color:var(--orange);
    }

    .change-btn:hover {
      transform:translateY(-2px);
      color:#fff;
      background:#ff6c1a;
    }

    .change-btn:not(.primary):hover { background:rgba(255,255,255,.15); }

    .site-footer {
      background:#052b59;
      color:#fff;
      padding:18px 0 8px;
    }

    .footer-logo {
    
      object-fit: contain;
      object-position:left center;
       border-radius: 10px;
      opacity:.96;
    }

    .footer-title {
      font-size:12px;
      margin:0 0 7px;
      font-weight:700;
    }

    .footer-links {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:6px 30px;
    }

    .footer-links a,
    .footer-contact a {
      color:#fff;
      font-size:11px;
      text-decoration:none;
      opacity:.95;
    }

    .footer-links a:hover,
    .footer-contact a:hover { color:#ff7a22; }

    .social-row {
      display:flex;
      gap:9px;
      margin-top:8px;
    }

    .social-row a {
      width:24px;
      height:24px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      border-radius:50%;
      background:#11609b;
      font-size:11px;
      text-decoration:none;
      transition:.25s;
    }

    .social-row a:nth-child(2) { background:#e83e8c; }
    .social-row a:nth-child(3) { background:#e62117; }
    .social-row a:nth-child(4) { background:#0876aa; }
    .social-row a:nth-child(5) { background:#159bd0; }

    .social-row a:hover { transform:translateY(-3px); }

    .footer-bottom {
      border-top:1px solid rgba(255,255,255,.13);
      margin-top:13px;
      padding-top:7px;
      text-align:center;
      font-size:9px;
      color:rgba(255,255,255,.85);
    }

    @media (max-width: 991.98px) {
      .focus-section { padding-top:25px; }
      .focus-title { font-size:25px; }
      .testimonial-label { font-size:22px; }
      .change-content { margin-left:30%; }
      .change-section { background-size: 34% 100%, 29% 100%; }
    }

    @media (max-width: 767.98px) {
      .focus-title { font-size:23px; gap:10px; }
      .focus-title::before, .focus-title::after { width:38px; }

      .testimonial-section { padding:18px 0; }
      .testimonial-label { margin-bottom:14px; }
      .testimonial-person { width:70px; height:70px; }

      .testimonial-copy { font-size:12px; }
      .testimonial-arrows { margin-top:10px; }

      .change-section {
        min-height:250px;
        background:
          linear-gradient(180deg, rgba(7,54,108,.38), rgba(4,58,115,.94) 42%, rgba(4,58,115,.98)),
          url("../cta-children.jpg") center top / 100% 55% no-repeat;
      }

      .change-section::after { display:none; }
      .change-content {
        margin-left:0;
        padding:140px 18px 18px;
        text-align:center;
      }
      .change-content h2 { font-size:23px; }
      .change-buttons { justify-content:center; }

      .footer-logo { width:220px; }
      .site-footer { padding-top:25px; }
      .footer-column { margin-bottom:20px; }
    }

    @media (max-width: 575.98px) {
      .focus-card { max-width:320px; margin:0 auto; }
      .focus-image-wrap { height:150px; }
      .testimonial-person { width:64px; height:64px; }
      .testimonial-copy { max-width:100%; }
      .change-content { padding-top:145px; }
      .footer-links { grid-template-columns:1fr 1fr; }
    }

p{
	font-family: "Poppins", sans-serif;
	font-size: 16px !important
}
.topbar{
	padding: 25px 0
}
.btn-support{
	padding: 10px;
}
.hero-content{
	padding: 100px 0 92px !important
}
.feature{
	padding: 30px 25px 12px !important

}
.feature p{
	padding: 10px 0 20px 0;
	max-width: inherit !important
}
.mission-section{
	    padding: 50px 0 0 0 !important
}
.mission-inner{
	    min-height: 350px !important;
}
.impact-strip{
	    padding: 50px 0 !important;
}
.focus-section{
	padding: 60px 0 !important
}
.change-section{
	min-height: 201px !important;
}
.impact-item{
	
	text-align: center
}
.impact-number{
	font-size: 35px !important
}
/* !END: Blog CSS *//*# sourceMappingURL=main.css.map */
.points{
	list-style-type: none;
	list-style-image: url("../list-icon.png");
	background-repeat: no-repeat; /* Ensure the image doesn't repeat */
	  background-position: left bottom; /* Position the image */
	  /* Add padding to the left to prevent text from overlapping the image */
	  padding-left: 20px; 
	 
}
.points li{
	  font-family: "Poppins", sans-serif;
	  margin-bottom: 10px
}
.inner-banner{
		background: url('../aboutus.png');
		    background-size: cover;
			height: 400px
		
	}
.about-section{
	background: #fff;
	padding: 50px 0
}
.about-section h2 {
    font-family: 'DM Serif Display', serif;
    color: var(--navy);
    font-size: 29px;
    line-height: 1.08;
    margin: 7px 0 14px;
}

.about-section p {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.65;
    margin-bottom: 9px;
}
.about-section h2 {
    
   font-family: Georgia, "Times New Roman", serif;
    font-size: 29px;
    line-height: 1.08;
    margin: 7px 0 14px;
	font-weight: bold
  
}
.about-section h3{
	font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    line-height: 1.08;
    margin: 7px 0 14px;
	font-weight: bold
}
.vision-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 20px;
}

.info-card {
    display: flex;
    gap: 9px;
    align-items: flex-start;
}

.info-icon {
    flex: 0 0 31px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 13px;
}

.info-icon.green { background: var(--green); }
.info-icon.red { background: var(--red); }
.info-icon.orange { background: var(--orange); }

.info-card h5 {
    color: var(--navy);
    font-size: 10px;
    margin: 2px 0 5px;
    font-weight: 800;
}

.info-card p {
    font-size: 8.5px;
    line-height: 1.45;
    margin: 0;
}

.difference-section {
    padding: 20px 0 55px;
    border-top: 1px solid #edf0f3;
}

.section-title {
    margin-bottom: 22px;
}

.section-title h2 {
    font-family: 'DM Serif Display', serif;
    color: var(--navy);
    font-size: 17px;
    margin: 2px 0 0;
}

.difference-list {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.difference-item {
    text-align: center;
    padding: 19px 10px;
    border-right: 1px solid var(--border);
}

.difference-item:last-child {
    border-right: 0;
}

.difference-icon {
    color: #6d7885;
    font-size: 25px;
    margin-bottom: 7px;
}

.difference-item h6 {
    color: #3c4a5c;
    font-size: 8.5px;
    line-height: 1.35;
    margin: 0;
    font-weight: 700;
}

.difference-item p {
    color: #788391;
    font-size: 7.5px;
    margin: 2px 0 0;
}

/* Impact Statistics */
.impact-stats {
    width: 100%;
    background: #ffffff;
    padding: 20px 0;
}

.impact-container {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.impact-item {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 5px 0px;
    min-height: 65px;
    
}

.impact-item:last-child {
    border-right: none;
}

.impact-icon {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;   
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #102e58;
    font-size: 23px;
}

.impact-content {
    line-height: 1.2;
}

.impact-number {
    color: #f58220;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 4px;
	font-family: Georgia, "Times New Roman", serif;
}

.impact-label {
    color: #fff;
    font-size: 16px;   
    line-height: 1.25;
	font-family: "Poppins", sans-serif;
}


/* Tablet */
@media (max-width: 991px) {

    .impact-container {
        flex-wrap: wrap;
    }

    .impact-item {
        flex: 0 0 50%;
        padding: 15px 30px;
    }

    .impact-item:nth-child(2) {
        border-right: none;
    }

    

    .impact-item:nth-child(4) {
        border-top: 1px solid #e5e5e5;
    }
}


/* Mobile */
@media (max-width: 575px) {

    .impact-stats {
        padding: 10px 15px;
    }

    .impact-container {
        display: block;
    }

    .impact-item {
        width: 100%;
        padding: 50px 10px;
        border-right: none;
        
    }

    .impact-item:last-child {
        border-bottom: none;
    }

    .impact-icon {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
        font-size: 20px;
    }

    .impact-number {
        font-size: 20px;
    }

    .impact-label {
        font-size: 16px;
    }
}

@media (max-width: 764px) {
	.impact-item{
		padding: 35px 0 !important
	}
	.inner-banner{
		background: url(../aboutus.png);
		background-size: cover;
		background-position: right;
		min-height: inherit !important;
		height: inherit !important
	}
	.inner-banner: before{
		background: #333
		
	}
	.hero-content h1{
		color: #13294b
	}
	.top-social{
		display: none
	}
}
.bg-blue{
	background: #002d6d;
	color: #fff
}
.bg-blue h2{
	font-family: Georgia, "Times New Roman", serif;
	color: #fff
}

 .contact-section {
            padding: 30px 15px;
			background: #fff
        }

        .contact-box {
            max-width: 1100px;
            margin: auto;
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
        }

        /* Left Side */
        .contact-info {
            padding: 28px 25px;
           
            height: 100%;
        }

        .contact-info h2 {
            font-family: Georgia, serif;
            font-size: 22px;
            font-weight: 700;
            color: #075c32;
            margin-bottom: 6px;
        }

        .contact-info .intro {
            font-size: 10px;
            line-height: 1.5;
            color: #444;
            margin-bottom: 14px;
        }

        .contact-detail {
            display: flex;
            align-items: flex-start;
            margin-bottom: 10px;
        }

        .contact-icon {
            width: 24px;
            height: 24px;
            min-width: 24px;
            background: #08753d;
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            margin-right: 9px;
        }

        .contact-detail span {
            font-size: 16px;
            line-height: 1.45;
            color: #333;
			font-family: "Poppins", sans-serif;
        }

        .follow-title {
            font-size: 11px;
            font-weight: 600;
            color: #333;
            margin-top: 18px;
            margin-bottom: 7px;
        }

        .social-icons {
            display: flex;
            gap: 8px;
        }

        .social-icons a {
            width: 22px;
            height: 22px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            text-decoration: none;
            font-size: 11px;
            transition: 0.3s;
        }

        .social-icons a:hover {
            transform: translateY(-2px);
        }

        .facebook {
            background: #1877f2;
        }

        .instagram {
            background: #e4405f;
        }

        .youtube {
            background: #ff0000;
        }

        .linkedin {
            background: #0a66c2;
        }

        /* Right Side */
        .contact-form {
            padding: 18px 25px 22px;
            background: #fff;
        }

        .form-control {
            height: 32px;
            border: 1px solid #e2e5e3;
            border-radius: 2px;
            font-size: 9px;
            color: #333;
            margin-bottom: 6px;
            padding: 7px 9px;
            box-shadow: none;
        }

        .form-control::placeholder {
            color: #777;
            opacity: 1;
        }

        .form-control:focus {
            border-color: #08753d;
            box-shadow: 0 0 0 2px rgba(8, 117, 61, 0.08);
        }

        textarea.form-control {
            height: 52px;
            resize: none;
        }

        .submit-btn {
            width: 145px;
            height: 22px;
            border: 0;
            border-radius: 2px;
            background: #08753d;
            color: #fff;
            font-size: 9px;
            font-weight: 600;
            cursor: pointer;
            transition: 0.3s;
        }

        .submit-btn:hover {
            background: #055c2f;
        }

        .submit-btn i {
            margin-left: 4px;
            font-size: 8px;
        }

        @media (max-width: 767px) {
            .contact-info {
                padding: 25px 20px;
            }

            .contact-form {
                padding: 25px 20px;
            }

            .contact-info h2 {
                font-size: 21px;
            }

            .submit-btn {
                width: 100%;
                height: 38px;
            }

            .form-control {
                height: 40px;
                font-size: 12px;
            }

            textarea.form-control {
                height: 100px;
            }
        }