@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;300;400;500;600;700&display=swap');

  :root {
      --primary: #FFAF2D;
      --secondary: #004656;
      /* text */
      --text-primary: #212B36;
      --text-secondary: #637381;
      --text-disabled: #919EAB;
      /* text */

      --white: #fff;
      --black: #000;

      /* Transition */
      --transition-half-Sec: 0.5s ease-in-out;
  }

  * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }

  html {
      scroll-behavior: smooth;
  }

  body {
      font-family: 'Work Sans', sans-serif;
      background-color: #fff;
  }

  h2,
  h3,
  h4,
  h5,
  h6 {}

  ul {
      list-style-type: none;
  }

  a {
      text-decoration: none;
  }

  .input:focus {
      outline: none !important;
      color: #FFFFFF;
  }

  .dark-themeBtn-1 {
      display: flex;
      padding: 16px 32px;
      justify-content: center;
      width: fit-content;
      align-items: center;
      color: var(--white);
      background: var(--secondary);
  }

  .light-themeBtn-1 {
      display: flex;
      padding: 16px 32px;
      justify-content: center;
      width: fit-content;
      align-items: center;
      color: var(--secondary);
      font-family: Work Sans;
      font-size: 15px;
      font-style: normal;
      font-weight: 700;
      line-height: 26px;
      border: 3px solid var(--secondary);
  }

  .light-themeBtn-2 {
      display: flex;
      padding: 16px 32px;
      justify-content: center;
      width: fit-content;
      align-items: center;
      color: var(--primary);
      font-family: Work Sans;
      font-size: 15px;
      font-style: normal;
      font-weight: 700;
      line-height: 26px;
      border: 3px solid var(--primary);
  }

  .primary-themeBtn {
      display: flex;
      padding: 16px 32px;
      justify-content: center;
      align-items: center;
      background-color: var(--primary);
      width: 100%;
      color: var(--secondary-contrast-text, #FFF);
      font-family: Work Sans;
      font-size: 15px;
      font-style: normal;
      font-weight: 700;
      line-height: 26px;
  }


  .landingPage-main-container {}

  .nav {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 30px 0px;
      max-width: 1200px;
      height: 23dvh;
      margin: auto;
      /* border: 1px solid red; */
  }

  .logo-container {
      /* border: 1px solid red; */
  }

  .menu-container {
      /* border: 1px solid red; */
  }

  .menu-container ul {
      display: flex;
  }

  .menu-container ul li {
      position: relative;
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
  }

  .menu-container ul li a::after {
      content: " ";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 3px;
      background-color: var(--primary);
      transition: var(--transition-half-Sec);
  }

  .menu-container ul li a:hover:after {
      content: " ";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background-color: var(--primary);
  }

  .menu-container ul li:hover {
      color: var(--primary);
  }

  .menu-container ul li {
      margin: 0px 15px;
  }

  .nav-btns-container {
      display: flex;
      gap: 20px;
      /* border: 1px solid red; */
  }

  /* Hero Section Start */
  .heroSection-container {
      display: flex;
      justify-content: end;
      align-items: center;
      height: 77dvh;
      margin: auto;
      /* border: 1px solid red; */
  }

  .heroSection-left-text {
      max-width: 500px;
      /* width: 40%; */
  }

  .heroSection-left-text h1 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 64px;
      font-weight: 700;
      line-height: 80px;
  }

  .heroSection-left-text p {
      margin-top: 15px;
      color: var(--text-primary);
  }

  .learnMore-span {
      width: fit-content;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      padding: 10px 0px;
      color: var(--primary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
      cursor: pointer;
  }

  .heroSection-left-text span {
      color: var(--primary);
  }

  .heroSection-right-text {
      height: 100%;
      width: 760px;
      display: flex;
      /* width: 60%; */
      object-fit: cover;
  }

  .heroSection-right-text img {
      height: 100%;
      width: 100%;
      object-fit: cover;
  }

  /* Hero Section End */

  /* Founder Section Start */
  .DonatChangeSection-text-head {
      position: relative;
      margin-bottom: -70px;
      overflow: hidden;
      white-space: nowrap;
      z-index: -1;
  }

  .DonatChangeSection-text-head h2 {
      color: rgba(145, 158, 171, 0.20);
      font-family: Work Sans;
      font-size: 90px;
      font-style: normal;
      font-weight: 800;
      line-height: 80px;
  }

  .founderSection-container {
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 1200px;
      min-height: 100dvh;
      margin: auto;
      padding: 30px 0px;
  }


  .founder-left-section {
      width: 50%;
  }

  .founder-left-section img {
      border-radius: 8px;
      opacity: var(--textfield-standard-input-small-pt, 1);
      box-shadow: 10px 30px 60px -30px rgba(0, 0, 0, 0.30), 20px 50px 100px -20px rgba(50, 50, 93, 0.25), 1px 1px 0px 0px rgba(0, 0, 0, 0.10) inset;
  }

  .founder-right-section {
      width: 50%;
  }

  .founder-right-section h3 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 22px;
      font-style: normal;
      font-weight: 700;
      line-height: 48px;
  }

  .founder-right-section p {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      margin-bottom: 10px;
  }

  .founder-right-section img {}


  /* Founder Section End */

  /* About Section Start */
  .aboutSection-container {
      display: flex;
      /* justify-content: center; */
      align-items: center;
      max-width: 1200px;
      margin: auto;
      padding: 40px 0px;
      border-top: var(--textfield-standard-input-small-pt, 1px) solid var(--components-divider, rgba(145, 158, 171, 0.20));
      border-bottom: var(--textfield-standard-input-small-pt, 1px) solid var(--components-divider, rgba(145, 158, 171, 0.20));
  }

  .about-left-section {
      width: 50%;
      padding-right: 65px;
      /* border: 1px solid red; */
  }

  .about-left-section h4 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 38px;
      font-style: normal;
      font-weight: 700;
      line-height: 64px;
  }

  .about-right-section {
      width: 50%;
  }

  .about-right-section p {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      padding-bottom: 20px;
  }

  /* About Section End */

  /* LatestNews Section Start */
  .latestNewsSection-container {
      max-width: 1200px;
      margin: auto;
      padding: 50px 0px;
  }

  .latestNewsSection-container h4 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 38px;
      font-style: normal;
      font-weight: 700;
      line-height: 64px;
      padding-bottom: 20px;
  }

  .latestNews-Inner-section {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 50px;
  }

  .latestNews-section-box {
      display: flex;
      justify-content: start;
      align-items: start;
  }

  .latestNews-img-box {
      width: 220px;
      height: 150px;
  }

  .latestNews-img-box img {
      width: 100%;
      height: 100%;
  }

  .latestNews-txt-box {
      width: fit-content;
      padding-left: 10px;
  }

  .latestNews-txt-box h5 {
      color: var(--secondary);
      font-family: Work Sans;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: 18px;
      text-transform: uppercase;
      margin-top: 5px;
  }

  .latestNews-txt-box h6 {
      overflow: hidden;
      color: var(--text-primary);
      text-overflow: ellipsis;
      font-family: Work Sans;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 30px;
      padding-bottom: 10px;
  }

  .latestNews-txt-box span {
      color: var(--text-disabled);
      font-family: Work Sans;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 18px;
  }

  /* LatestNews Section End */

  /* Tags Section Start */
  .tagsSection-container {
      background: #F4F6F8;
      padding: 50px 0px;
  }

  .tagsSection-centered-container {
      max-width: 1200px;
      margin: auto;
      display: flex;
      align-items: center;
  }

  .tags-left-section {
      width: 50%;
  }

  .tags-left-section h4 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 38px;
      font-style: normal;
      font-weight: 700;
      line-height: 64px;
  }

  .tags-left-section p {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      max-width: 365px;
  }

  .tags-right-section {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
      width: 50%;
  }

  .tags-right-section span {
      display: flex;
      justify-content: start;
      align-items: center;
      width: fit-content;
      padding: 5px 20px;
      color: var(--white);
      background: var(--secondary-main, #004656);
      color: var(--secondary-contrast-text, #FFF);
      text-align: center;
      font-family: Work Sans;
      font-size: 13px;
      font-weight: 500;
      cursor: pointer;
  }

  /* Tags Section End */

  /* Donate Section Start */
  .DonateSection-container {
      display: flex;
      max-width: 1200px;
      margin: auto;
      padding: 100px 0px;
  }

  .DonateSection-img-container {}

  .DonateSection-img-container img {
      max-width: 800px;
      height: 100%;
      background: linear-gradient(0deg, var(--black-20, rgba(0, 0, 0, 0.20)) 0%, var(--black-20, rgba(0, 0, 0, 0.20)) 100%), url(<path-to-image>), lightgray 0px -212px / 100% 157.447% no-repeat;
      box-shadow: 10px 30px 60px -30px rgba(0, 0, 0, 0.30), 20px 50px 100px -20px rgba(50, 50, 93, 0.25), 1px 1px 0px 0px rgba(0, 0, 0, 0.10) inset;
  }

  .DonateSection-txt-container {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding-left: 50px;
      min-width: 376px;
  }

  .DonateSection-txt-container div {}

  .DonateSection-txt-container div h3 {
      position: relative;
      top: 10px;
      left: -160px;
      width: fit-content;
      width: 400px;
      color: var(--primary);
      text-shadow: 0px 8px 16px var(--primary-24, rgba(255, 175, 45, 0.24));
      font-family: Work Sans;
      font-size: 50px;
      font-style: normal;
      font-weight: 700;
  }

  .DonateSection-txt-container div h5 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 30px;
      margin-top: 20px;
  }

  .DonateSection-txt-container div p {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
  }


  /* Donate Section End */

  /* Footer Section Start */
  .footerSection-container {
      padding: 80px 0px 0px 0px;
      background-color: #FFAF2D;
  }

  .footerSection-inner-container {
      max-width: 1200px;
      margin: auto;
  }

  .footer-left-container {}

  .footer-left-inner-box {
      display: flex;
      justify-content: space-between;
  }

  .footer-about-box {
      padding: 30px 0px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  }

  .footer-about-box img {}

  .footer-about-box h5 {
      max-width: 496px;
      color: rgba(255, 255, 255, 0.80);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      margin-top: 20px;
  }

  .flex-footer-link-container {
      display: flex;
      gap: 80px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  }

  .flex-footer-link-box {}

  .flex-footer-link-box h5 {
      color: #FFF5CC;
      font-family: Work Sans;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: 18px;
      text-transform: uppercase;
      padding-bottom: 16px;
  }

  .flex-footer-link-box ul li {
      color: var(--white);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      padding: 6px 0px;

  }

  .flex-footer-link-box ul li a {}

  .footersocial-container {
      display: flex;
      justify-content: space-between;
      padding: 30px 0px;
  }

  .footersocial-container a img {
      padding: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: 0.5s ease-in-out;
      cursor: pointer;
  }

  .footersocial-container img:hover {
      background: rgba(255, 255, 255, 0.24);
  }

  .rights-reserved-box {
      max-width: 366px;
      color: rgba(255, 255, 255, 0.80);
      font-family: Work Sans;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
  }

  .brand-footer-txt {
      width: 100%;
      font-family: Work Sans;
      font-size: 13vw;
      padding: 0px 50px;
      font-style: normal;
      font-weight: 800;
      text-align: center;
      line-height: 200px;
      opacity: 0.32;
      background: linear-gradient(135deg, #FFD666 0%, #FFAB00 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      mix-blend-mode: overlay;
  }

  /* Footer Section End */


  /***** Donation Section Start *****/

  .donate-heroSection-left-text {
      position: relative;
      display: flex;
      flex-direction: column;
      max-width: 660px;
      padding: 0px 10px;
      /* border: 1px solid red; */
      /* width: 40%; */
  }

  .donate-heroSection-left-text h5 {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 18px;
      text-transform: uppercase;

  }

  .donate-heroSection-left-text h1 {
      position: relative;
      color: var(--primary-main, #FFAF2D);
      font-family: Work Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 800;
      line-height: 80px;
      display: flex;
      width: 840px;
      z-index: 999;
      padding: 15px 0px;
      /* border: 1px solid red; */
  }

  .donate-heroSection-left-text p {
      color: var(--text-primary);
      padding-bottom: 30px;
  }

  .donate-heroSection-right {
      height: 100%;
      width: 600px;
      display: flex;
      object-fit: cover;
  }

  .donate-heroSection-right img {
      display: flex;
      height: 100%;
      width: 100%;
      object-fit: cover;
  }

  .DonateqouteSection-container {
      height: 100dvh;
      background: #F4F6F8;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .DonateqouteSection-container h2 {
      color: var(--text-primary);
      font-family: Georgia;
      font-size: 64px;
      font-style: normal;
      font-weight: 700;
      line-height: 80px;
      max-width: 1100px;
  }

  .DonateqouteSection-container h2 span:first-child {
      position: absolute;
      color: var(--primary);
      font-family: Georgia;
      font-size: 128px;
      font-style: normal;
      font-weight: 700;
      line-height: 80px;
      margin: -30px 0px 0px -70px;
  }

  .DonateqouteSection-container h2 span:last-child {
      position: absolute;
      color: var(--primary);
      font-family: Georgia;
      font-size: 128px;
      font-style: normal;
      font-weight: 700;
      line-height: 80px;
      margin: 60px 0px 0px 10px;
  }


  /* Donation Section Start */

  .DonatChangeSection-container {
      background-color: var(--white);
  }

  .DonatChangeSection-centered-container {
      max-width: 1200px;
      margin: auto;
      padding: 80px 0px;
  }

  .DonatChangeSection-centered-container h3 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 45px;
      font-style: normal;
      font-weight: 800;
      line-height: 64px;
      padding-bottom: 50px;
  }

  .DonatChangeSection-blog-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 50px;
  }

  .DonatChange-img-box {
      max-width: 365.33px;
      height: 243.401px;
  }

  .DonatChange-img-box img {
      width: 100%;
      height: 100%;
  }

  .DonatChangeSection-blog-container a {
      margin-bottom: 30px;
  }

  .DonatChangeSection-blog-container a p {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      margin-top: 10px;
      text-transform: uppercase;
  }

  .DonatChangeSection-blog-container a h5 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 30px;
      padding: 10px 0px;
  }

  .DonatChangeSection-blog-container a h6 {
      overflow: hidden;
      color: var(--text-secondary);
      text-overflow: ellipsis;
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      padding-bottom: 5px;
  }

  /* Donation Section End */


  /***** Donation Section End *****/

  /***** About US Section Start *****/
  .aboutUs-pageSection-container {}

  .aboutUs-pageSection-centered-container {
      display: flex;
      justify-content: space-between;
      width: 1200px;
      margin: auto;
      padding: 40px 0px 90px 0px;
  }

  .aboutUs-pageSection-leftTxt-container {
      max-width: 600px;
  }

  .aboutUs-pageSection-leftTxt-container h2 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 800;
      line-height: 80px;
      background-image: url('../../assets/images/txtback.png');
      background-repeat: no-repeat;
      background-position: left bottom;
  }

  .aboutUs-pageSection-leftTxt-container h5 {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
  }

  .aboutUs-pageSection-leftTxt-container h5 {
      padding-top: 20px;
  }

  .aboutUs-pageSection-leftTxt-container span {}

  .aboutUs-pageSection-leftTxt-container span h6 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 22px;
  }

  .aboutUs-pageSection-leftTxt-container span h6:nth-child(1) {
      margin-top: 30px;
  }

  .aboutUs-pageSection-rightTxt-container {
      max-width: 600px;
      height: 500px;
  }

  .aboutUs-pageSection-rightTxt-container img {
      width: 100%;
      height: 100%;
      border-radius: 8px;
      box-shadow: 10px 30px 60px -30px rgba(0, 0, 0, 0.30), 20px 50px 100px -20px rgba(50, 50, 93, 0.25), 1px 1px 0px 0px rgba(0, 0, 0, 0.10) inset;
  }

  /* Our Goals Section Start */
  .our-goals-pageSection-container {}

  .our-goals-pageSection-centered-container {
      width: 1200px;
      margin: auto;
      padding: 50px 0px;
      border-top: 1px solid rgba(145, 158, 171, 0.20);
      border-bottom: 1px solid rgba(145, 158, 171, 0.20);
  }

  .our-goals-pageSection-centered-container h3 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 48px;
      font-style: normal;
      font-weight: 800;
      line-height: 64px;
      padding-bottom: 30px;
  }

  .our-goals-grid-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 10px;

  }

  .our-goals-grid-box {
      display: flex;
      justify-content: start;
  }

  .our-goals-grid-box span {
      width: 190px;
      height: 80px;
      display: flex;
      padding: 5px;
      border-radius: 50%;
      margin-right: 16px;
      border: 1px solid rgba(145, 158, 171, 0.20);
  }

  .our-goals-grid-box span img {
      width: 100%;
      height: 100%;
  }

  .our-goals-grid-txt {}

  .our-goals-grid-txt h6 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 30px;
  }

  .our-goals-grid-txt p {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      margin-top: 10px;
  }

  /* Our Goals Section End */

  .whyBridges-pageSection-container {}

  .whyBridges-pageSection-centered-container {
      display: flex;
      justify-content: space-between;
      width: 1200px;
      margin: auto;
      padding: 50px 0px;
  }

  .whyBridges-pageSection-leftTxt-container {
      width: 650px;
  }

  .whyBridges-pageSection-leftTxt-container h3 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 48px;
      font-style: normal;
      font-weight: 800;
      line-height: 64px;
      padding-bottom: 20px;
  }

  .whyBridges-pageSection-leftTxt-container h5 {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
  }


  .whyBridges-pageSection-rightTxt-container {
      width: 450px;
      display: flex;
      justify-content: space-around;
      text-align: center;
  }

  .whyBridges-number-div h4 {
      position: relative;
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 800;
      line-height: 80px;
  }

  .whyBridges-number-div h4::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 35px;
      bottom: 0;
      left: 0;
      z-index: -999;
      background-color: #FFAB00;
  }

  .whyBridges-number-div h6 {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: 18px;
      text-transform: uppercase;
      margin-top: 10px;
  }


  .ourmission-blog-lineLeft {
      padding-left: 20px;
      margin-top: 10px;
      position: relative;
  }

  .ourmission-blog-lineLeft::before {
      position: absolute;
      content: "";
      left: 0;
      background-color: #FFAB00;
      height: 100%;
      width: 10px;
  }

  /***** About US Section End *****/


  /***** BoardofDirectors Page Start *****/
  .BoardofDirectors-pageSection-centered-container {
      width: 1200px;
      margin: auto;
      padding: 50px 0px;
  }

  .BoardofDirectors-pageSection-centered-container h2 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 800;
      line-height: 80px;
      background-image: url('../../assets/images/txtback.png');
      background-repeat: no-repeat;
      background-position: left bottom;
  }

  .BoardofDirectors-posts-container {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 50px;
      padding-top: 50px;
  }

  .BoardofDirectors-posts-box {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: end;
      align-items: center;
      width: 360px;
      height: 240px;
      margin-top: 200px;
      background-color: #FFAF2D;
  }

  .BoardofDirectors-posts-box img {
      position: absolute;
      top: -180px;
      max-width: 333px;
      max-height: 333px;
      box-shadow: 10px 30px 60px -30px rgba(0, 0, 0, 0.30), 20px 50px 100px -20px rgba(50, 50, 93, 0.25), 1px 1px 0px 0px rgba(0, 0, 0, 0.10) inset;
  }

  .BoardofDirectors-postsTxt-box {
      width: 100%;
      padding: 0px 0px 20px 20px;
  }

  .BoardofDirectors-postsTxt-box h5 {
      color: var(--black-main, #000);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
  }

  .BoardofDirectors-postsTxt-box h6 {
      color: var(--black-56, rgba(0, 0, 0, 0.56));
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
  }

  /***** BoardofDirectors Page Start *****/

  /***** Our Impact Page Start *****/
  .ourImpact-pageSection-centered-container {
      width: 1200px;
      margin: auto;
      padding: 50px 0px 30px 0px;
  }

  .ourImpact-pageSection-centered-container h2 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 800;
      line-height: 80px;
      background-image: url('../../assets/images/txtback.png');
      background-repeat: no-repeat;
      background-position: left bottom;
  }

  .ourImpact-blog-container {
      margin-top: 60px;
  }

  .ourImpact-blog-container img {
      width: 100%;
      box-shadow: 10px 30px 60px -30px rgba(0, 0, 0, 0.30), 20px 50px 100px -20px rgba(50, 50, 93, 0.25), 1px 1px 0px 0px rgba(0, 0, 0, 0.10) inset;
  }

  .ourImpact-blog-container h5 {
      color: var(--black-56, rgba(0, 0, 0, 0.56));
      font-family: Work Sans;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 28px;
      margin: 35px 0px;
  }

  .ourImpact-blog-container p {
      color: var(--black-56, rgba(0, 0, 0, 0.56));
      text-align: justify;
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      padding-bottom: 20px;
  }

  /***** Ou Impact Page End *****/

  /***** Documets Page Start *****/
  .documents-pageSection-centered-container {
      width: 1200px;
      margin: auto;
      padding: 50px 0px 30px 0px;
  }

  .documents-pageSection-centered-container h2 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 800;
      line-height: 80px;
      background-image: url('../../assets/images/txtback.png');
      background-repeat: no-repeat;
      background-position: left bottom;
  }

  .documents-pageSection-centered-container p {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      margin-top: 20px;
  }

  .documents-downloads-container {
      display: flex;
      gap: 50px;
      margin-top: 60px;
  }

  .documents-downloads-box {
      padding: 25px;
      background: var(--primary-8, rgba(255, 175, 45, 0.08));
  }

  .documents-downloads-box h5 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 36px;
  }

  .documents-downloads-box h6 {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      padding-bottom: 20px;
  }

  .documents-downloads-box span {
      display: flex;
      justify-content: start;
      align-items: start;
      cursor: pointer;
  }

  .documents-downloads-box span img {
      width: 28px;
      height: 28px;
      height: 28px;
  }

  .documents-downloads-box span p {
      color: var(--primary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
      margin-top: 2px;
      margin-left: 6px;
  }

  /***** Documets Page Start *****/

  /***** Our Patners Page Start *****/
  .ourPartners-pageSection-centered-container {
      width: 1200px;
      margin: auto;
      padding: 50px 0px 30px 0px;
  }

  .ourPartners-pageSection-centered-container h2 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 800;
      line-height: 80px;
      background-image: url('../../assets/images/txtback.png');
      background-repeat: no-repeat;
      background-position: left bottom;
  }

  .ourPartners-pageSection-centered-container p {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      margin-top: 20px;
  }

  .ourPartners-img-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 50px;
      padding: 50px 0px;
  }

  .ourPartners-img-container img {
      width: 100%;
  }

  .joinHands-pageSection-centered-container {
      display: flex;
      justify-content: space-between;
      gap: 20px;
      width: 1200px;
      margin: auto;
  }

  .joinHands-left-box {
      width: 50%;
  }

  .joinHands-left-box h2 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 48px;
      font-style: normal;
      font-weight: 800;
      line-height: 64px;
  }

  .joinHands-left-box p {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      padding-bottom: 20px;
  }

  .joinHands-right-box {
      width: 50%;
  }

  .joinHands-right-box img {
      width: 100%;
      height: 100%;
      filter: drop-shadow(-40px 40px 80px rgba(0, 0, 0, 0.24));
  }

  .joinHands-left-box .dark-themeBtn-1 {
      margin-top: 20px;
  }

  /***** Our Patners Page End *****/


  /***** Program Page Start *****/
  .program-pageSection-centered-container {
      width: 1200px;
      margin: auto;
      padding: 50px 0px 30px 0px;
  }

  .program-pageSection-centered-container h2 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 800;
      line-height: 80px;
      background-image: url('../../assets/images/txtback.png');
      background-repeat: no-repeat;
      background-position: left bottom;
  }

  .program-blog-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 80px;
      margin-top: 50px;
  }

  .program-blog-box {
      transition: 0.5s ease-in-out;
  }

  .program-blog-box:hover img {
      box-shadow: 10px 30px 60px -30px rgba(0, 0, 0, 0.30), 20px 50px 100px -20px rgba(50, 50, 93, 0.25), 1px 1px 0px 0px rgba(0, 0, 0, 0.10) inset;
  }

  .program-blog-box:hover h5 {
      text-decoration: underline;
  }

  .program-blog-box img {
      width: 100%;
      transition: 0.5s ease-in-out;
  }

  .program-blog-box h5 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 32px;
      font-style: normal;
      font-weight: 700;
      line-height: 48px;
      padding: 10px 0px;
      transition: 0.5s ease-in-out;
  }

  .program-blog-box p {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
  }

  /***** Program Page End *****/

  /***** Events Page Start *****/
  .events-pageSection-container {
      width: 1200px;
      margin: auto;
      padding: 50px 0px 30px 0px;
  }

  .events-pageSection-container h2 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 800;
      line-height: 80px;
      background-image: url('../../assets/images/txtback.png');
      background-repeat: no-repeat;
      background-position: left bottom;
  }

  .events-pageSection-container h5 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 30px;
      padding-top: 20px;
  }

  .event-img-box {
      position: relative;
  }

  .event-img-box::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 7px;
      background-color: #FFAF2D;
      bottom: 0;
  }

  .EventSection-container:nth-child(2) {
      margin-top: 50px;
  }

  .EventSection-container {
      padding: 50px 0px;
      border-top: 1px solid rgba(145, 158, 171, 0.20);
  }

  .eventName-title-container {}

  .eventName-title-container h5 {
      position: relative;
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 30px;
      margin-bottom: 40px;
      padding-left: 10px;
  }

  .eventName-title-container h5::before {
      position: absolute;
      content: "";
      width: 3px;
      left: 0;
      height: 100%;
      background-color: #FFAF2D;
  }

  /***** Events Page End *****/

  /***** Events Details Page Start *****/
  .eventsDetails-pageSection-container {
      width: 1200px;
      margin: auto;
      padding: 30px 0px 30px 0px;
  }

  .eventsDetails-pageSection-container h2 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 800;
      line-height: 80px;
  }

  .eventsDetails-blogtxt-container {}

  .eventsDetails-blogtxt-img-container {
      height: 500px;
      margin: 20px 0px;
  }

  .eventsDetails-blogtxt-img-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .eventsDetails-blogtxt-container p:nth-child(2) {
      padding-top: 40px;
  }

  .eventsDetails-blogtxt-container p {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      padding-bottom: 15px;
  }

  .eventsDetails-timeDetails-container {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 30px;
      margin: 50px 0px;
      padding-left: 15px;
  }

  .eventsDetails-timeDetails-container::before {
      position: absolute;
      content: "";
      left: 0;
      height: 100%;
      width: 5px;
      background-color: #FFAF2D;
  }

  .eventsDetails-time-box {}

  .eventsDetails-time-box h5 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
  }

  .eventsDetails-time-box p {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
  }

  /***** Events Details Page End *****/


  /***** Blog Post Page Start *****/
  .blogPost-timeDetails-container {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 30px;
      margin: 50px 0px;
      padding-left: 5px;
  }

  .blogPost-time-box {
      display: flex;
      align-items: center;
  }

  .blogPost-time-box h5 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
      text-transform: uppercase;
  }

  .blogPost-time-box p {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      margin-left: 25px;
  }

  .blogPost-time-box p::before {
      position: absolute;
      content: "";
      width: 8px;
      height: 8px;
      background-color: #637381;
      border-radius: 50%;
      margin: 8px 0px 0px -15px;
  }

  /***** Blog Post Page End *****/

  /***** Volunteer Ship Page End *****/
  .volunteerShipSection-container {}

  .volunteerShipSection-box {
      padding-top: 40px;
  }

  .volunteerShip-txt {
      display: grid;
      grid-template-columns: 30% 1fr;
      padding: 30px 0px;
  }

  .volunteerShip-txt h5 {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 28px;
  }

  .volunteerShip-txt h5:nth-child(2) {
      padding-left: 30px;
      text-align: left;
  }

  .volunteerShip-txt h3 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 40px;
      font-style: normal;
      font-weight: 700;
      line-height: 48px;
  }

  .volunteerShip-txt p {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      padding-left: 30px;
  }

  /***** Volunteer Ship Page End *****/

  /***** Volunteer Details Page start *****/
  .volunteerDetails-centered-container {
      display: flex;
      gap: 50px;
  }

  .volunteerDetails-box1 {
      width: 70%;
  }

  .volunteerDetails-box1 h2 {}

  .volunteerDetails-box1 h5 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 30px;
      margin-bottom: 10px;
  }

  .volunteerDetails-box1 p {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
  }

  .volunteerDetails-box1 p a {
      color: #FFAF2D;
  }

  .volunteerDetails-box1 ul {
      position: relative;
      margin-top: 10px;
  }

  .volunteerDetails-box1 li {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      padding-bottom: 10px;
      padding-left: 18px;
  }

  .volunteerDetails-box1 ul li a {
      color: #FFAF2D;
  }

  .volunteerDetails-box1 li::before {
      position: absolute;
      content: "";
      width: 5px;
      height: 5px;
      background-color: #919EAB;
      border-radius: 50%;
      margin-top: 8px;
      left: 5px;
  }

  .volunteerDetails-box2 {
      width: 30%;
  }

  .joinNow-box {
      padding: 30px;
      background: var(--secondary);
  }

  .joinNow-box p {
      color: var(--white);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
      padding-bottom: 20px;
  }

  /***** Volunteer Details Page End *****/

  /***** Job Details Page Start *****/

  .jobSection-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 50px;
      grid-row-gap: 50px;
      margin-top: 50px;
  }

  .jobSection-box {
      border-top: 1px solid rgba(22, 28, 36, 0.80);
  }

  .jobSection-box h5 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 36px;
  }

  .jobSection-box svg {
      margin-top: 10px;
  }

  .Benefits-h3 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 48px;
      font-style: normal;
      font-weight: 800;
      line-height: 64px;
      margin-top: 80px;
  }

  .JobPage-benefits-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 50px;
      grid-row-gap: 50px;
      margin-top: 40px;
  }

  .JobPage-benefits-box {
      border-left: 4px solid #FFAF2D;
      padding-left: 15px;
      height: fit-content;
  }

  .JobPage-benefits-box h5 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 36px;
      margin-top: 0px;
      padding-top: 0px;
  }

  .JobPage-benefits-box p {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      margin-top: 20px;
  }


  /***** Job Details Page End *****/

  .contact-form {
      margin-top: 60px;
  }

  .input-field {
      position: relative;
      margin-bottom: 40px;
  }

  .input-field input {
      width: 400px;
      height: 60px;
      border-radius: 6px;
      font-size: 18px;
      padding: 0 15px;
      border: var(--textfield-standard-input-small-pt, 1px) solid var(--components-textfield-outline, rgba(145, 158, 171, 0.20));
      background: transparent;
      color: #000;
      outline: none;
  }

  .input-field label {
      position: absolute;
      /* top: 50%; */
      left: 15px;
      transform: translateY(-50%);
      font-size: 19px;
      pointer-events: none;
      transition: 0.3s;
      background: #fff;
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      line-height: 12px;
      padding: 0px 5px;
  }

  .input-field input::placeholder {
      overflow: hidden;
      color: var(--text-primary, #212B36);
      text-overflow: ellipsis;
      font-family: Work Sans;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
  }

  .input-field input:focus {
      outline: none !important;
      border: 1px solid #FFAB00 !important;
  }

  .input-field input:focus~label,
  .input-field input:valid~label {}

  .input-field textarea {
      width: 400px;
      height: 60px;
      border-radius: 6px;
      font-size: 18px;
      padding: 0 15px;
      border: var(--textfield-standard-input-small-pt, 1px) solid var(--components-textfield-outline, rgba(145, 158, 171, 0.20));
      background: transparent;
      color: #000;
      outline: none;
  }

  .input-field label {
      position: absolute;
      /* top: 50%; */
      left: 15px;
      transform: translateY(-50%);
      font-size: 19px;
      pointer-events: none;
      transition: 0.3s;
      background: #fff;
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      line-height: 12px;
      padding: 0px 5px;
  }

  .input-field textarea::placeholder {
      overflow: hidden;
      color: var(--text-primary, #212B36);
      text-overflow: ellipsis;
      font-family: Work Sans;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
  }

  .input-field textarea:focus {
      outline: none !important;
      border: 1px solid #FFAB00 !important;
  }

  .contact-form-btn {
      width: 400px;
  }

  .contactUs-box {
      padding: 30px;
      background: #F4F6F8;
      margin-top: 100px;
  }

  .contactUs-box span {
      display: flex;
      margin-bottom: 20px;
  }

  .contactUs-box span svg {
      margin-right: 10px;
  }

  /***** Blog Page Page Start *****/
  .blog-pageSection-container {
      width: 1200px;
      margin: auto;
      padding: 50px 0px 30px 0px;
  }

  .events-pageSection-container h2 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 800;
      line-height: 80px;
      background-image: url('../../assets/images/txtback.png');
      background-repeat: no-repeat;
      background-position: left bottom;
      margin-bottom: 50px;
  }

  .mainBlog-container {
      display: flex;
      justify-content: space-between;
      gap: 50px;
      margin-bottom: 40px;
  }

  .mainBlog-container-2 {
      flex-direction: row-reverse;
  }

  .mainBlog-left-box {
      width: 70%;
  }

  .mainBlog-left-box-inner {}

  .mainBlog-left-box-inner p {
      color: var(--text-secondary, #637381);
      font-family: Work Sans;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      margin-top: 20px;
      text-transform: uppercase;
  }

  .mainBlog-left-box-inner h5 {
      color: var(--text-primary, #212B36);
      font-family: Work Sans;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
  }

  .mainBlog-left-box-inner h6 {
      overflow: hidden;
      color: var(--text-secondary, #637381);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      margin: 10px 0px 30px 0px;
  }


  .mainBlog-right-box {
      width: 30%;
  }

  /***** Blog Page Page End *****/

  /***** services Page Page End *****/
  .servicesmain-container {}

  .servicesmain-box {
      max-width: 1200px;
      margin: auto;
      padding: 30px 0px;
  }

  .servicesmain-box h2 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 800;
      line-height: 80px;
      background-image: url('../../assets/images/txtback.png');
      background-repeat: no-repeat;
      background-position: left bottom;
      margin-bottom: 50px;
  }

  .servicesmain-box p {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      padding-bottom: 40px;
  }

  .services-box-first {
      height: 320px;
      background: linear-gradient(90deg, #FFAF2D 28.73%, rgba(255, 175, 45, 0.00) 100%), url('../../assets/images/2c23f2a4ca7817740b5a6de4bea1ef86.jpeg'), lightgray 50% / cover no-repeat;
      background-size: cover;
      object-fit: cover;
  }

  .services-box-first-inner-txt {
      max-width: 1200px;
      margin: auto;
      transform: translate(0%, 22%);
  }

  .services-box-first-inner-txt-half {
      width: 50%;
  }

  .services-box-first-inner-txt-half h5 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 32px;
      font-style: normal;
      font-weight: 700;
      line-height: 48px;
  }

  .services-box-first-inner-txt-half p {
      color: var(--text-primar);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      padding: 30px 0px;
  }

  .services-box-second {
      height: 320px;
      background: linear-gradient(90deg, #FFAF2D 28.73%, rgba(255, 175, 45, 0.00) 100%), url('../../assets/images/2c23f2a4ca7817740b5a6de4bea1ef86.jpeg'), lightgray 50% / cover no-repeat;
      background: linear-gradient(270deg, #004656 21.87%, rgba(0, 70, 86, 0.00) 100%), url('../../assets/images/2a55afa8d870a5254c8aa135ec7d2417.jpeg'), lightgray -288px -316.478px / 100% 271.069% no-repeat;
      background-size: cover;
      object-fit: cover;
  }

  .services-box-second-inner-txt {
      display: flex;
      justify-content: end;
      max-width: 1200px;
      margin: auto;
      transform: translate(0%, 22%);
  }

  .services-box-second-inner-txt-half {
      width: 50%;
  }

  .services-box-second-inner-txt-half h5 {
      color: var(--white);
      font-family: Work Sans;
      font-size: 32px;
      font-style: normal;
      font-weight: 700;
      line-height: 48px;
  }

  .services-box-second-inner-txt-half p {
      color: var(--white);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      padding: 30px 0px;
  }

  .services-box-third {
      background: linear-gradient(90deg, #FFAF2D 27.69%, rgba(255, 175, 45, 0.00) 100%), url('../../assets/images/cb058e84f51f450571e55e902e1f5263.jpeg'), lightgray 0px -471.062px / 100% 272.466% no-repeat;
  }

  .services-box-fourth {
      background: linear-gradient(270deg, #004656 0%, rgba(0, 70, 86, 0.00) 100%), url('../../assets/images/23013dd50740ef921117e57875186f59.jpeg'), lightgray 0px -304.854px / 100% 306.486% no-repeat;
  }

  .services-box-fiveth {
      background: linear-gradient(90deg, #FFAF2D 27.69%, rgba(255, 175, 45, 0.00) 100%), url('../../assets/images/f7c4a4fe3c9318444e102fad7f941d2a.jpeg'), lightgray 0px -471.062px / 100% 272.466% no-repeat;
  }

  .services-box-sixth {
      background: linear-gradient(270deg, #004656 0%, rgba(0, 70, 86, 0.00) 100%), url('../../assets/images/c1126d80b5d322229aaf11f05f8530d5.jpeg'), lightgray 0px -304.854px / 100% 306.486% no-repeat;
  }

  /***** services Page Page End *****/


  /***** Donation Payment Page Page Start *****/
  .donation-main-container {
      height: 100dvh;
      border: 1px solid red;
      padding: 60px 0px;
  }

  .donation-main-container h1 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 48px;
      font-style: normal;
      font-weight: 800;
      line-height: 64px;
      text-align: center;
  }

  .donation-inner-container {
      max-width: 900px;
      margin: auto;
      padding: 30px 0px 0px 0px;
  }

  .donation-inner-box1 {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      align-items: center;
  }

  .selectAmount-box {
      display: flex;
      padding: 16px 10px;
      justify-content: center;
      align-items: center;
      text-align: center;
      background: rgba(255, 175, 45, 0.08);
      box-shadow: 0px 1px 2px 0px rgba(145, 158, 171, 0.16);
      cursor: pointer;
      color: var(--primary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
  }

  .donorInformation-box {
      display: flex;
      padding: 16px 10px;
      justify-content: center;
      align-items: center;
      text-align: center;
      background: rgba(145, 158, 171, 0.20);
      box-shadow: 0px 1px 2px 0px rgba(145, 158, 171, 0.16);
      cursor: pointer;
      color: #919EAB;
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
  }

  .paymentMethod-box {
      display: flex;
      padding: 16px 10px;
      justify-content: center;
      align-items: center;
      text-align: center;
      background: rgba(145, 158, 171, 0.20);
      box-shadow: 0px 1px 2px 0px rgba(145, 158, 171, 0.16);
      cursor: pointer;
      color: #919EAB;
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
  }

  .selectAmount-box-line {
      height: 5px;
      background-color: rgba(145, 158, 171, 0.20);
  }

  .donation-inner-box2 {
      display: flex;
      justify-content: space-between;
      margin-top: 30px;
  }

  .donation-inner-box2-left {
      width: 55%;
  }

  .donation-inner-box2-left h2 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 32px;
      font-style: normal;
      font-weight: 700;
      line-height: 48px;
  }

  .donation-inner-box2-left .input-field input {
      width: 100%;
  }

  .donation-amountSelection-opt-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      padding-bottom: 30px;
  }

  .donation-amountSelection-opt-box {
      display: flex;
      padding: 15px 5px;
      justify-content: center;
      align-items: center;
      border: 1px solid rgba(145, 158, 171, 0.32);
      color: var(--text-primary);
      text-align: center;
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      cursor: pointer;
  }

  .selected {
      background-color: #212B36;
      color: #ffffff;
  }

  .dark-themeBtn-1 svg {
      margin-left: 5px;
  }

  .donation-inner-box2-right {
      width: 30%;
      padding: 20px;
      background: #F4F6F8;
  }

  .donation-inner-box2-right h5 {
      color: var(--text-secondary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
  }

  .donation-inner-box2-right h2 {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 48px;
      font-style: normal;
      font-weight: 800;
      line-height: 64px;
  }

  .donation-inner-box2-right p {
      color: var(--text-primary);
      font-family: Work Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      padding-top: 20px;
  }

  /***** Donation Payment Page Page End *****/