:root {
      --primary-m: #FA5D04;
      --primary-s: #00378B;
      --secondary-m: #D39F10;
      --secondary-s: #2D3276;
      --text-800: #1F1F1F;
      --text-600: #4C4C4C;
      --text-black: #000000;
      --text-white: #ffffff;
  }

  * {
      font-family: "Source Serif 4", serif;
      padding: 0;
      margin: 0;
      box-sizing: border-box;
  }

  .container {
      margin: auto 280px;

  }

  .text-primary-m {
      color: var(--primary-m);
  }

  .mb-10 {
      margin-bottom: 10px;
  }

  .pt-10 {
      padding-top: 10px;
  }

  .pb-10 {
      padding-bottom: 10px;
  }

  .full-box {
      width: 100%;
  }

  .half-box {
      width: 50%;
  }

  .qtr-box {
      /* width: 25%; */
      width: 100%;
  }

  .header-section {
      background-color: var(--secondary-s);
      padding-bottom: 30px;
  }

  .header-inner-box .header-nav .header-top-details-box {
      display: flex;
      justify-content: space-between;
      padding: 10px 20px;
  }

  .header-nav .header-top-details-box .header-top-left {
      display: flex;
      align-items: center;
      gap: 15px;
  }

  .header-top-details-box .header-top-left .htl-item {
      display: flex;
      align-items: center;
      gap: 5px;
      color: var(--text-white);
      font: normal 400 12px/16.45px 'Source Serif 4';
  }

  .header-nav .header-top-details-box .header-top-right {
      text-align: center;
  }

  .header-top-details-box .header-top-right .htr-item {
      margin: 0 5px;
  }

  nav.nav-white {
      background-color: var(--text-white);
      padding: 10px 20px;
      border-radius: 10px;
      box-shadow: 0px 10px 20px 0px #99999926;
  }


  nav .nav-inner-box .nav-logo {
      width: 200px;
      height: 80px;
  }

  nav .nav-inner-box {
      display: flex;
      /* justify-content: space-between; */
      justify-content: center;
  }

  nav .nav-inner-box .nav-items {
      /* list-style-type: none;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 70%; */
      display: none;
  }

  nav .nav-inner-box .nav-items li {
      font: normal 700 14px/19.19px 'Source Serif 4';
      text-transform: uppercase;
      letter-spacing: 1px;
      color: var(--text-800);
  }

  nav .nav-inner-box .nav-items li a {
      color: var(--text-800);
      text-decoration: none;
  }

  nav .nav-inner-box .nav-items li.donate-btn a {
      padding: 15px 15px;
      background-color: var(--primary-m);
      font: normal 700 14px/19.19px 'Source Serif 4';
      color: var(--text-white);
      border-radius: 10px;
      cursor: pointer;
  }

  .header-inner-box .breadcrumb {
      position: relative;
      height: 270px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .header-inner-box .header-breadcrumb .pattern-box {
      position: absolute;
      right: 0;
      top: 0;
  }

  .header-inner-box .breadcrumb .hero-text {
      color: var(--text-white);
  }

  .mainbody-section .mainbody-inner-box {
      padding: 10px 40px 50px;
  }

  .mainbody-section .mainbody-inner-box h1 {
      font-size: 20px;
  }

  .mainbody-inner-box .para-text {
      font: normal 400 16px/23.28px 'Source Serif 4';
      color: var(--text-600);
  }

  .banner-section .banner-inner-box .bnrImg-box {
      height: 250px;
  }

  .banner-section .banner-inner-box .bnrImg-box img {
      object-fit: cover;
  }

  .footer-section {
      background-color: var(--secondary-s);
  }

  .footer-inner-box .footer-box.pd-top {
      padding-top: 30px;
  }

  .footer-inner-box .footer-box2 .footer-quick-links {
      list-style-type: none;
      margin-top: 10px;
  }

  .footer-inner-box .footer-box2 .footer-quick-links li {
      padding: 10px 0;
      color: var(--text-white);
      font: normal 400 16px/23.28px 'Source Serif 4';
  }

  .footer-section .footer-inner-box {
      display: flex;
      justify-content: space-between;
      padding: 40px 0;
  }

  .footer-section .footer-inner-box .footer-box {
      width: 25%;
  }

  .footer-section .footer-inner-box .footer-box h4 {
      font: normal 700 20px/25.2px 'Source Serif 4';
  }

  .footer-section .footer-inner-box .footer-box-white {
      background-color: var(--text-white);
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0px 10px 20px 0px #99999926;
      width: 30%;
  }

  .footer-inner-box .footer-box1>p {
      margin: 15px 0;
      color: var(--text-600);
      font: normal 400 16px/23.28px 'Source Serif 4';
  }

  .share-block .share-item {
      margin: 0 5px;
  }

  .cust-column-count {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
  }

  .footer-inner-box .footer-box3 .get-in-touch-block {
      margin-top: 10px;
  }

  .footer-inner-box .footer-box3 .get-in-touch-block .gint-item {
      padding: 10px 0;
      color: var(--text-white);
      font: normal 400 16px/23.28px 'Source Serif 4';
      display: flex;
      align-items: center;
      gap: 10px;
  }

  .donation-form-box {
      padding: 30px 30px;
      border-radius: 10px;
      box-shadow: 0px 10px 20px 0px #99999926;
      width: 80%;
      margin: auto;
      margin-top: 20px;
  }

  .donation-form-box form .field-box {
      padding: 15px 0;
  }

  /* .donation-form-box form .mep-block {
            display: flex;
            gap: 20px;
        } */
  .donation-form-box form .cp-block,
  .mep-block,
  .thada-block {
      display: flex;
      gap: 20px;
  }

  .donation-form-box form label {
      display: block;
      margin-bottom: 10px;
      font: normal 400 16px / 23.28px 'Source Serif 4';
  }

  .donation-form-box .donate-btn {
      padding: 15px 15px;
      background-color: var(--primary-m);
      font: normal 700 14px / 19.19px 'Source Serif 4';
      color: var(--text-white);
      border: 1px solid var(--primary-m);
      border-radius: 10px;
      text-transform: uppercase;
      cursor: pointer;
  }

  .cust-input-style {
      width: 100%;
      padding: 12px 20px;
      border: 1px solid #ddd2d2;
      background-color: #F9F9F9;
      border-radius: 10px;
  }

  .donation-form-box form .frm-heading {
      font: normal 700 20px / 25.2px 'Source Serif 4';
  }

  .footer-inner-box .footer-box2 .footer-quick-links li a {
      color: var(--text-white);
      text-decoration: none;
  }

  input[type=number]::-webkit-outer-spin-button,
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }

  .payment-success-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
  }

  .success-card {
      background-color: white;
      padding: 30px;
      border-radius: 12px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      text-align: center;
      width: 500px;
      max-width: 100%;
  }

  .checkmark-container {
      background-color: #4CAF50;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto 20px;
  }

  .checkmark {
      font-size: 32px;
      color: white;
  }

  .summary-disp-box .summary-disp-inner-box {
      padding: 30px;
      border: 1px solid #d9d9d9;
      border-radius: 10px;
      box-shadow: 0px 10px 20px 0px #99999926;

  }

  .summary-disp-box .summary-disp-inner-box .field-box {
      padding: 10px 0;
  }

  .summary-disp-box .summary-disp-inner-box label {
      display: block;
      margin-bottom: 10px;
      font: normal 400 16px / 23.28px 'Source Serif 4';
  }

  .donation-form-box form .cust-notifybx label {
      margin: 0;
  }

  .summary-container .mainbody-inner-box {
      padding: 50px 40px 50px;
  }

  .summary-disp-inner-box .smrybxspace .full-box {
      margin-bottom: 10px;
  }

  .summary-disp-inner-box .smrybxspace .fntwgt600 {
      font-weight: 600;
  }

  .summary-disp-inner-box .smrybxspace .custfntlight {
      color: #4c4c4c;
  }

  .summary-disp-inner-box .smrybxspace .custfntsz {
      font-size: 20px;
  }

  /* responsive */

  @media screen and (max-width: 1440px) {
      .container {
          margin: auto 60px;
      }

      .donation-form-box {
          width: 90%;
      }

      .banner-section .banner-inner-box .bnrImg-box {
          height: 220px;
      }
  }



  @media screen and (max-width: 768px) {
      .container {
          margin: auto 30px;
      }

      .mainbody-section .mainbody-inner-box {
          padding: 20px 20px;
      }

      .donation-form-box {
          width: 100%;
          padding: 20px 20px;
          margin-top: 0;
      }

      .footer-inner-box .footer-box1>p {
          font: normal 400 14px / 20px 'Source Serif 4';
      }

      .footer-inner-box .footer-box2 .footer-quick-links li {
          font: normal 400 14px / 20px 'Source Serif 4';
      }

      .footer-inner-box .footer-box3 .get-in-touch-block .gint-item {
          font: normal 400 14px / 20px 'Source Serif 4';
      }

      .footer-section .footer-inner-box .footer-box {
          width: 100%;
      }

      .footer-section .footer-inner-box .footer-box-white {
          width: 100%;
      }

      .footer-section .footer-inner-box {
          display: grid;
      }

      .banner-section .banner-inner-box .bnrImg-box {
          height: 130px;
      }
  }

  @media screen and (max-width: 450px) {
      .container {
          margin: auto 20px;
      }

      .header-inner-box .header-nav .header-top-details-box {
          display: block;
          padding: 15px 0;
      }

      .header-nav .header-top-details-box .header-top-right {
          text-align: left;
      }

      .header-nav .header-top-details-box .header-top-left {
          display: grid;
          gap: 10px;
          grid-template-columns: auto auto;
          margin-bottom: 20px;
      }

      .header-top-details-box .header-top-right .htr-item {
          margin: 0px 0px;
      }

      .mainbody-section .mainbody-inner-box {
          padding: 0;
      }

      .donation-form-box {
          /* padding: 20px 0px; */
          width: 100%;
          margin-bottom: 20px;
          /* margin: auto; */
          margin: 15px 0 20px;
      }


      .donation-form-box form .cp-block,
      .thada-block {
          display: block;

      }
      .summary-disp-inner-box .mep-block {
        gap: 15px;
    }

      .donation-frm .half-box {
          width: 100%;
          margin-bottom: 10px
      }

      .donation-frm .qtr-box {
          width: 100%;
          margin-bottom: 10px;
      }

      .donation-form-box form .field-box {
          padding: 5px 0;
      }

      .footer-section .footer-inner-box {
          display: block;
      }

      .footer-section .footer-inner-box .footer-box {
          width: 100%;
      }

      nav .nav-inner-box .nav-items {
          display: none;
      }

      nav .nav-inner-box {
          justify-content: center;
      }

      nav .nav-inner-box .nav-logo {
          width: 180px;
          height: 70px;
      }

      .header-inner-box .breadcrumb {
          height: 120px;
      }

      .header-inner-box .header-breadcrumb .pattern-box {
          right: unset;
          top: 0;
          width: 100%;
          height: 100%;
      }

      .header-inner-box .header-breadcrumb .pattern-box img {
          height: 100%;
          object-fit: cover;
          width: 100%;
      }

      .header-inner-box .breadcrumb .hero-text {
          z-index: 1;
      }

      .banner-section .banner-inner-box .bnrImg-box img {
          height: 115px;
          width: 100%;
          object-fit: cover;

      }

      .summary-disp-box .summary-disp-inner-box .field-box .half-box,
      .summary-disp-box .summary-disp-inner-box .field-box .qtr-box {
          width: 100%;
          padding: 5px 0;
      }

      .summary-disp-box .summary-disp-inner-box .field-box {
          padding: 0;
      }

      .summary-disp-box .summary-disp-inner-box {
          padding: 20px;
      }

      .summary-disp-box .summary-disp-inner-box .field-box.mt {
          margin-top: 20px;
      }

      .donation-form-box form .cust-notifybx label {
          font-size: 12px;
          margin-bottom: 0px;
      }

      .summary-disp-inner-box .smrybxspace .full-box {
          margin-bottom: 8px;
      }

      .summary-disp-inner-box .smrybxspace .full-box span {

          font-size: 14px;
      }
      .donation-form-box .donate-btn {
        margin-top: 10px;
      }

  }