/* starts header section */

/* Hide dropdown content by default */
.dropdown-content {
   display: none;
 }
 
 /* Show dropdown content when the parent is clicked */
 .dropdown-content.active {
   display: block;
 }

 .dropdown-content {
   max-height: 390px; /* Adjust this value based on your needs */
   overflow-y: auto; /* Enables vertical scrolling */
 }
 
 /* Ensure that dropdowns show correctly on smaller screens */
 @media screen and (max-width: 930px) {
   .dropdown-content {
     display: none;  /* Hide dropdown content by default */
     max-height: 50vh;
   }
   .dropdown-content.active {
     display: block;  /* Show dropdown content when clicked */
     min-width: 100% !important;
     justify-items: center !important;
     height: 100vh !important;
   }
   .main-navigation-container {
     padding-bottom: 2.5rem !important;
   }

   .hero-section2 {
      width: 100% !important;
     padding: 0 !important;
     flex-direction: column !important;
     height: auto !important; 
     background: #205A98 !important;
   }
   .vertical-centered-content-box1 {
      margin-top: 3rem !important;
      width: 90% !important;
      justify-content: center !important;
  }
  .hero-section3 {
   justify-items: center !important;
  }
  .join-us-styler1 {
   font: 600 24.5px Montserrat, sans-serif !important;
   color: #ffff !important;
}
.majestic-text-block1 {
   color: #ffff !important;
   font-size: 48.831px !important;
   margin-top: 1rem !important;
   width: auto !important; 
   text-align: center !important;
}
.banner-learn-more {
   width: 100% !important;
   height: 49px !important;
   border-radius: 14px !important;
   padding: 10px 10px 15px 10px !important;
   color: #205A98 !important;
}
.volunteer-section1 {
   width: 90% !important;
   padding: 0 !important; 
   margin-left: 0 !important; 
   margin-top: 1rem !important;
   margin-bottom: 3rem !important;
}
.image-container-styles50 {
   height: 40vh !important;
}
.newsletter-section2 {
   display: none !important;
}
.main-hero-container {
   display: none !important;
}
.dropdown {
   width: 100% !important;
}
.dropdown-content-active {
   min-width: 100% !important;
    justify-items: center !important;
    height: 100vh !important;
}
.dropdown-content a {
   font-size: 24px !important;
    margin-bottom: 0.25rem !important;
    text-align: center !important;
   }
   .dropdown-content {
      min-width: 100% !important;
   }

 }

@media screen and (max-width: 930px) {

   .navigation-bar {
      display: none;
      position: fixed;
      right: -100%;
      top: 0;
      width: 100%;
      height: 100vh;
      background-color: white;
      box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
      transition: right 0.3s ease-in-out;
      padding-top: 20px;
      z-index: 1000;
   }
   .navigation-bar.active {
      right: 0;
      display: flex;
   }
   .menu-icon {
     display: block;
     font-size: 50px;
     cursor: pointer;
     color: #205A98;
   }
   .close-btn {
     font-size: 36px;
     position: absolute;
     top: 15px;
     right: 20px;
     cursor: pointer;
     color: #205A98;
   }
   .navigation-menu-container {
      display: flex !important;   
      flex-direction: column !important;
  }
  .navigation-menu-container {
      display: flex !important;
      flex: 0 0 auto!important;
      gap: 24.5px!important;
      align-items: center!important;
      width: 100%!important;
 }
 .navigation-bar {
   box-sizing: border-box;
   display: flex;
   flex: 0 0 auto;
   flex-direction: column !important;
   justify-content: flex-start;
   width: 100% !important;
   margin-top: 10.5rem;
}
.primary-heading-style {
   font: 700 25px Hind, sans-serif !important;
   color: #205A98 !important;
   margin-bottom: 1rem !important;
   text-align: center !important;
}
.join-us-box {
   display: none !important;
}
.header-section {
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between !important;
   width: 80%;
   padding-top: 27px;
   padding-bottom: 34px;
}

}

@media screen and (max-width: 930px) {
   .dropdown-content {
      display: none !important; /* Ensures it stays hidden */
      position: absolute;
      top: 100%;
      left: 0;
      background-color: #fff;
      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
      border-radius: 5px;
      padding: 15px;
      min-width: 100%;
      z-index: 100;
   }

   .dropdown-content.active {
      display: flex !important;
      flex-direction: column;
      align-items: center;
      height: 100vh !important;
   }

   .m-carousel-div {
      flex-direction: column !important;
   }

   .carousel-read-more {
      width: 40% !important;
      border: 1px solid white !important;
      margin-top: 0.5rem !important;
   }


   .programme-btn0 {
      padding: 6px !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    border: 2px solid #D4DD4D !important;
    border-radius: 13px !important;
    width: 75% !important;
    margin-left: 3.35rem !important;
   }
}




.main-navigation-container {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   width: 100%;
}

.logo-a {
   width: 253px;
   height: 110px;
}

.carousel-h5 {
   color: #FFF;
   text-align: center;
   text-shadow: 2px 7px 6.3px #10182B;
   font-family: "Verdana";
   font-size: 50.401px;
   font-style: normal;
   font-weight: 700;
   line-height: 134.373%;
   transform: translate(40px, -155px);
   white-space: pre-line;
   width: 100%;
}

.carousel-read-more {
  color: #0162D3;
  text-align: center;
  font-size: 23.198px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: 9px solid white;
  width: 100%;
  background-color: white;
  border-radius: 13px;
  display: inline-block;
}

.header-section {
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
   width: 80%;
   padding-top: 27px;
   padding-bottom: 34px;
}

.primary-content-section1 {
   box-sizing: border-box;
   flex: 0 0 auto;
   width: 22.55%;
   margin-right: 6.5rem;
}

.image-container1 {
   box-sizing: border-box;
   display: block;
   width: 253px;
   max-width: initial;
   height: 110px;
}

.navigation-bar {
   box-sizing: border-box;
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   align-items: flex-end;
   justify-content: flex-start;
   width: 60%;
}

.navigation-menu-container {
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   gap: 24.5px;
   align-items: flex-end;
   justify-content: flex-start;
   width: 100%;
}

.primary-heading-style {
   flex: 0 0 auto;
   padding: 0;
   margin: 0;
   font: 700 16px Hind, sans-serif;
   color: #205A98
}

.standout-heading {
   flex: 0 0 auto;
   padding: 0;
   margin: 0;
   margin-left: -7.75px;
   font: 700 16px Hind, sans-serif;
   color: #0156d3;
}

.sidebar-panel {
   box-sizing: border-box;
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
   width: 117px;
   margin-left: 23.5px;
}

.membership-button-container {
   display: block;
   flex: 0 0 auto;
   max-width: initial;
   height: 24.5px;
}

.join-us {
   color: #ffffff;
   background-color: #205A98;
   margin-left: 25px;
   padding: 4px 15px 4px 15px;
   font-weight: 700;
   transform: translate(0px, 6px);
   border-radius: 10px;
   white-space: nowrap;
   border: none;
   width: 100%;
}
a {
   text-decoration: none;
}
.program-info-container {
   box-sizing: border-box;
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   padding-right: 12.5px;
   min-width: 100%;
   background-color: #D4DD4D;
   padding-top: -1%;
}

.hero-text-container {
   box-sizing: border-box;
   height: 65px;
   padding: 0;
   padding-top: 16.75px;
   margin: 0;
   font: 700 24px Hind, sans-serif;
   color: #205A98;
}

.highlighted-text-with-underline {
   font: 700 24px Verdana, sans-serif;
   text-align: left;
   text-decoration-line: underline;
   padding-top: 20px;
   color: #205A98;
}

.icons-container {
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   gap: 7.5px;
   align-items: flex-end;
   justify-content: flex-start;
   transform: translate(-105px, -35px);
}

.join-us-box {
   display: flex;
   width: 25%;
}

/* General Styling for Navigation Menu */
.navigation-menu-container {
   display: flex;
 }
 
 .dropdown {
   position: relative;
 }
 
 /* Dropdown Content Styling */
 .dropdown-content {
   display: none;
   position: absolute;
   top: 100%; /* Position the dropdown below the heading */
   left: 0;
   background-color: #fff;
   box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
   border-radius: 5px;
   padding: 15px;
   min-width: 250px;
   z-index: 100;
 }
 
 /* Show Dropdown on Hover */
 .dropdown:hover .dropdown-content {
   display: block;
 }
 
 /* Section Header Styling */
 .dropdown-section-header {
   font-weight: bold;
   font-size: 14px;
   color: #205A98;
   margin-top: 10px;
   margin-bottom: 5px;
   text-transform: uppercase;
 }
 
/* Link Styling Inside Dropdown */
.dropdown-content a {
   display: block;
   padding: 5px 0;
   color: #333;
   text-decoration: none;
   font-size: 14px;
   border-bottom: 1px solid #205A98; /* Add separation line */
 }
 
 /* Hover Effect for Links */
.dropdown-content a:hover {
   color: #205A98;
   background-color: #f0f0f0;
   border-radius: 3px;
 }
 
/* end header section */

/* banner section */
.hero-section2 {
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
   width: 100%;
   height: 550px;
   padding: 83px 236px;
   background: url("../assets/banner-bg.webp")
   50% / cover no-repeat;
   border: none;
}

.vertical-centered-content-box1 {
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: stretch;
   justify-content: center;
}

.hero-section3 {
   flex: 0 0 auto;
}

.volunteer-section2 {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
}

.join-us-styler1 {
   flex: 0 0 auto;
   padding: 0;
   margin: 0;
   font: 600 13.5px Montserrat, sans-serif;
   color: #e4ebfd;
   text-transform: capitalize;
}

.join-section-border1 {
   box-sizing: border-box;
   flex: 0 0 auto;
   width: 46px;
   margin-left: 6.25px;
   border-top: 0.8px solid #e4ebfd;
}

.majestic-text-block1 {
   color: var(--Highlight, #D4DD4D);
font-family: Hind;
font-size: 41.831px;
font-style: normal;
font-weight: 700;
line-height: 53.63px; 
text-transform: capitalize;
margin-top: 1rem;
}

.volunteer-section1 {
   box-sizing: border-box;
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: stretch;
   justify-content: center;
   width: 64%;
   padding: 36px 26px;
   margin-left: 195px;
   background: #D4DD4D;
   border-radius: 16px;
   height: 100%;
}

.image-container-styles50 {
   box-sizing: border-box;
   flex: 0 0 auto;
   width: 100%;
   height: 100%;
   border: none;
   border-radius: 16px;
   object-fit: cover;
}

.banner-learn-more {
   background-color: #ffffff;
   width: 55%;
   height: 38px;
   border-radius: 10px;
   border: none;
   border-color: white;
   color: #0156D3;
   font-family: Montserrat;
   font-size: 17px;
   font-style: normal;
   font-weight: 600;
   line-height: 18px;
   text-transform: capitalize;
   margin-top: 30px;
   padding: 5px 10px 5px 10px;
}

/* ends banner section*/

/* starts mailing list section */

.newsletter-signup-container {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   width: 100%;
}

.newsletter-section2 {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: center;
   min-width: 926px;
   padding-top: 75px;
   padding-bottom: 69px;
}

.mailing-list-container {
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
   padding-right: 47px;
   padding-left: 47px;
}

.mailing-list-container1 {
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
}

.newsletter-section {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
   width: 616px;
}

.newsletter-text {
   flex: 0 0 auto;
   padding: 0;
   margin: 0;
   margin-top: 18px;
   font: 400 18px Hind, sans-serif;
   color: #585858;
   text-align: center;
}

.mailing-list-subscribe-btn {
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   align-items: flex-start;
   justify-content: flex-start;
   margin-top: 53px;
}

.subscribe-button-container {
   flex: 1 0 auto;
}

.newsletter-section1 {
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   gap: 100px;
   align-items: center;
   justify-content: space-between;
   margin-top: 76px;
}

.newsletter-section2 {
   box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    width: 74%;
    padding-top: 75px;
    padding-bottom: 69px;
}

.mailing-list-container {
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
   padding-right: 47px;
   padding-left: 47px;
}

.mailing-list-container1 {
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
}

.newsletter-section {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
   width: 616px;
}

.newsletter-heading {
   color: var(--Primary-Color, #205A98);
   text-align: center;
   font-family: verdana;
   font-size: 32px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
}

.newsletter-text {
   flex: 0 0 auto;
   padding: 0;
   margin: 0;
   font: 400 18px Hind, sans-serif;
   color: #585858;
   text-align: center;
}

.mailing-list-subscribe-btn {
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   align-items: flex-start;
   justify-content: flex-start;
   margin-top: 15px;
}

.subscribe-button-container {
   flex: 1 0 auto;
}

.newsletter-section1 {
   display: none;
   flex: 0 0 auto;
   flex-direction: row;
   gap: 1px;
   align-items: center;
   justify-content: space-between;
   margin-top: 76px;
}

.image-container-compact {
   box-sizing: border-box;
   display: block;
   max-width: initial;
   height: 98px;
   border: none;
   object-fit: cover;
}

.image-container-styled {
   box-sizing: border-box;
   display: block;
   max-width: initial;
   height: 110px;
   border: none;
   object-fit: cover;
}

.f1 {
   width: 65%;
   height: 47px;
   background-color: #E4EBFD;
   border: none;
   border-radius: 10px;
   color: #585858;
   font-family: Hind;
   font-size: 17.898px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   padding-left: 15px;
}

.ml-button {
   background-color: #205A98;
   width: 23%;
   height: 47px;
   color: #ffffff;
   border: none;
   border-radius: 8px;
   color: #FFF;
   font-family: verdana;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: 2.4px;
   margin-left: 10px;
}

/* ends mailing list section */

/* starts foooter section */

.main-hero-container {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   width: 100%;
   padding-left: 12px;
   background: whitesmoke;
}

.hero-content-section {
   box-sizing: border-box;
   width: 82%;
   padding-top: 75px;
   padding-bottom: 24px;
}

.info-icons-flex-wrapper {
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   align-items: stretch;
   justify-content: flex-start;
   width: 100%;
}

.sidebar-image-widget {
   box-sizing: border-box;
   flex: 0 0 auto;
   width: 21.09%;
   padding-bottom: 86px;
}

.sidebar-image {
   box-sizing: border-box;
   display: block;
   width: 70%;
   height: 84px;
}

.about-section-wrapper {
   box-sizing: border-box;
   flex: 0 0 auto;
   width: 13.33%;
   padding-right: 15px;
   padding-bottom: 4.25px;
   padding-left: 15px;
}

.about-title {
   padding: 0;
   margin: 0;
   font: 700 12px "Verdana", serif;
   color: #205A98;
   text-transform: capitalize;
}

.about-section-content {
   box-sizing: border-box;
   width: 100%;
   margin-top: 22.5px;
}

.about-item {
   padding: 0;
   margin: 0;
   font: 400 12px Montserrat, sans-serif;
   color: #585858;
   text-transform: capitalize;
   white-space: pre-wrap;
   margin-top: 9px;
}

.about-item:first-child {
   margin-top: 0px;
}

.contact-info-wrapper {
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   width: 32.33%;
   padding-right: 15px;
   padding-bottom: 73px;
   padding-left: 15px;
}

.contact-details {
   flex: 0 0 auto;
   padding-bottom: 12.5px;
}

.contact-title {
   padding: 0;
   margin: 0;
   font: 700 12px "Verdana", serif;
   color: #205A98;
}

.contact-numbers {
   margin-top: 22.5px;
}

.contact-text {
   padding: 0;
   margin: 0;
   font: 400 12px Montserrat, sans-serif;
   color: #585858;
   text-transform: capitalize;
   margin-top: 1rem;
}

.contact-text-alt {
   padding: 0;
   margin: 9px 0 0;
   font: 400 12px Montserrat, sans-serif;
   color: #585858;
}

.address-info {
   flex: 0 0 auto;
   margin-left: 35px;
}

.address-title {
   padding: 0;
   margin: 0;
   font: 700 12px "Verdana", serif;
   color: #205A98;
}

.address-text {
   padding: 0;
   margin: 25.5px 0 0;
   font: 400 12px/18px Montserrat, sans-serif;
   color: #585858;
   text-align: left;
}

.sidebar-widget-donate {
   box-sizing: border-box;
   flex: 0 0 auto;
   width: 33.25%;
   padding-right: 15px;
   padding-left: 15px;
}

.donation-info-section {
   box-sizing: border-box;
   width: 100%;
}

.donation-title {
   padding: 0;
   margin: 0;
   font: 700 12px "Verdana", serif;
   color: #205A98;
   text-transform: capitalize;
}

.donation-input-wrapper {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   width: 100%;
   margin-top: 22.5px;
}

.input-area {
   margin-top: -36px;
}

.social-icons-section {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   width: 100%;
   margin-top: 43px;
}

.social-title {
   padding: 0;
   margin: 0;
   font: 700 12px "Verdana", serif;
   color: #205A98;
   text-transform: capitalize;
}

.social-icons {
   display: flex;
   flex-direction: row;
   gap: 13px;
   padding-right: 2.75px;
   padding-left: 2.75px;
   margin-top: 9px;
}

.social-icon {
   width: 24px;
   height: 24px;
   color: #585858;
}

.footer-content {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   padding-right: 96px;
   padding-left: 96px;
   margin-top: 74px;
}

.divider {
   border-top: 0.8px solid #454545;
}

.footer-copyright {
   margin: 23.5px 0 0;
   font: 400 10.5px Nunito, sans-serif;
   color: #585858;
   align-self: center;
}

.f2 {
   width: 300px;
   height: 36px;
   border-radius: 16px;
   border: none;
   color: #555;
   font-family: Montserrat;
   font-size: 10.5px;
   font-style: normal;
   font-weight: 400;
   line-height: 13.5px;
   padding-left: 10px;
}

.footer-btn {
   display: inline-flex; 
    padding: 9px 18px;
    justify-content: flex-end;
    gap: 7.5px;
    border-radius: 16px;
    background: #205A98;
    color: #FFF;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    border: none;
    left: 5;
    transform: translate(-65px, 0px);

}

.footer-form {
   height: 40px;
}

.clbl-social-icons {
   width: 25px;
}
/* ends footer section */

.blue-button00 {
   width: 28%;
   padding: 8px 22px 8px 22px;
   background: #205A98;
   border-radius: 12px;
   color: white;
   margin-top: 1rem;
   font-weight: 700;
   text-align: center;
   display: none;
}

/* donate button */

.program-application-container {
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
   background: url("../assets/banner-bg.webp") 50% / cover no-repeat;
}

.program-application-section {
   display: flex;
   flex-direction: row;
   gap: 8px;
   align-items: flex-start;
   justify-content: space-between;
   padding-left: 36%;
}

.majestic-heading1 {
   color: #ffffff;
   text-align: center;
   font-family: Hind;
   font-size: 48px;
   font-style: normal;
   font-weight: 700;
   line-height: 8rem;
}

.program-info-container1 {
   flex: 0 0 auto;
   padding-bottom: 38px;
}

.image-container1 {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
   width: 272px;
}

.image-container3 {
   display: none;
   height: 169px;
}

.donation-box {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-around;
   margin-top: 3rem;
   margin-bottom: 5rem;
}

.dono-p-box {
   width: 50%;
}

.dono-p {
   color: #E4EBFD;
   text-align: justify;
   font-family: "Maven Pro";
   font-size: 24px;
   font-weight: 400;
   margin-bottom: 5rem;
}

.dono-700 {
   color: #E4EBFD;
   text-align: justify;
   font-family: "Maven Pro";
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 3rem;
}

.donation-form {
   width: 80%;
   height: 50px;
   border-radius: 8px;
   padding-left: 2%;
   border-color: #ffffff;
}

.donation-btn {
   height: 50px;
   width: 18%;
   background: #D4DD4D;
   border-radius: 9px;
   border-color: #D4DD4D;
   margin-left: 1rem;
   color: var(--Primary-Color, #205A98);
   text-align: center;
   font-size: 20px;
   font-weight: 700;
   letter-spacing: 2.4px;
}

.dono-img-bg {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: center;
   width: 40%;
   padding: 36px 26px;
   background: #D4DD4D;
   border-radius: 16px;
   height: 100%;
}

.dono-img-bg img {
   border-radius: 8px;
}

.font-fam {
   font-family: Verdana !important;
}
/* end donate button */

@media screen and (max-width: 930px) {
   .program-application-section {
      padding-left: 0 !important;
      justify-content: center !important;
   }
   .majestic-heading1 {
      font-size: 36px !important;
   }
   .image-container3 {
      display: none !important;
   }
   .program-info-container1{
      display: none !important;
   }
   .donation-box {
      flex-direction: column !important;
      justify-content: center !important;
      margin-top: 0 !important;
   }
   .dono-p-box {
      width: 90% !important;
   }
   .dono-p {
      margin-bottom: 0 !important;
   }
   .dono-img-bg {
      width: 90% !important;
      padding: 0 !important;
      background: none !important;
      margin-top: 3rem !important;
   }
   .dono-img-bg img {
      border-radius: 8px !important;
   }
   .donation-btn {
      width: 43% !important;
   }

   .programmeBannerBox {
      padding: 10px !important;
      height: 32px !important;
   }
   .f11 {
      font-size: 9px !important;
   }
   .f-7000 {
      font-size: 9px !important;
   }
   .programmeContainer {
      width: 100% !important;
   }
   .image-container1 {
      width: 150px !important;
      height: 70px !important;
   }
   .carousel-caption {
      right: 0 !important;
      left: 0 !important;
   }
   .carousel-h5 {
      padding: 10px !important;
      font-size: 19px !important;
      width: 75% !important;
      transform: translate(50px, 16px) !important;
   }
   .arrowm {
      height: 35px !important;
      width: 20px !important;
   }
}