*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial, Helvetica, sans-serif;
}

:root{
    --heading:rgb(4, 21, 80);
    --para:#777;
    --blue:rgb(3, 34, 145);
    --para-tint:#e4e4e4;
    --bg:rgb(206, 255, 179);
    --bg1:rgb(239, 239, 243);
    --icons-bg:rgb(144, 172, 209, 0.2);
    --white:#fff;
    --black:#212529;
    --helper:#eeb50a;
    --helper-tint:#f3f4ff;
    --overlay:#f8d362;
    --shadow:0px 0px 20px 0px rgb(132 144 255/20%);
    --shadowSupport:0px 20px 20px 0px rgba(255, 238, 109, 0.951);
    --gradient:linear-gradient(0deg, rgb(132, 144, 255) 0%, rgb(98, 189, 252) 100%);
    --gradientSupport: -webkit-linear-gradient(0deg, rgba(132 144 255) 0%, rgba(98 189 252) 100%);
}

/* ****************************************************************************** 
                        Reusable Code Section
*********************************************************************************/
a{
    text-decoration: none;
}
li{
    list-style:none;
}
.Section{
   
    /* padding: 0rem 0rem 5rem 0rem; */
}
.container{
    max-width: 110rem;
    margin:0 auto;
}  
.grid{ 
    display:grid;
    /* gap:2rem; */
}
.grid-two-column{
     grid-template-columns:repeat(2, 1fr);
}
.grid-three-column{
    grid-template-columns:repeat(3, 1fr);
}
.grid-four-column{
    grid-template-columns:repeat(4, 1fr);
}
.grid-five-column{
    grid-template-columns: repeat(5, 1fr);

}

/********************* Header Section Start****************/

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 2%;
  background-color: rgb(206, 255, 179);
}

.logo-img{
  width: 250px;
  height: auto;
}  

/* Social Media Icons */
.social-media-icons {
  display: flex;
  gap: 15px;
}

.icon {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: white;
  border-radius: 50%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-decoration: none;
}

/* Icon Colors */
.icon.twitter {
  background-color: black;
}
.icon.instagram {
  background: linear-gradient(45deg, #833ab4, #fd1d1d, #fcb045);
}
.icon.linkedin{
  background-color: #1DA1F2;
}
.icon.facebook {
  background-color: #4267B2;
}
.icon.youtube{
  background-color: red;
}


/* Hover Effects */
.icon:hover {
  transform: scale(1.2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}


.programme-button .btn {
  background-color: #007bff;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s;
}

.programme-button .btn:hover {
  background-color: #0056b3;
}

/********************* Navbar Section Start****************/

.navbar {
  background-color: rgb(206, 255, 179);
  padding: 10px 5%;
  position: sticky;
  top: 0;
  z-index: 999;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
  }

.nav-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.nav-logo{
  display:none;
}

.menu-icon {
  font-size: 30px;
  color: white;
  cursor: pointer;
  display: none; /* hidden on desktop */
}

/* Nav Links */
.nav-links {
  list-style: none;
  display: flex;
  align-items: center;
  align-content: center;
  gap: 20px;
  font-size: 17px;
}

.nav-links li a, 
.nav-links li button {
  color: green;
  text-decoration: none;
  background: none;
  border: none;
  font: inherit;
  padding: 10px 15px;
  cursor: pointer;
}

.nav-links li a:hover,
.nav-links li button:hover {
  transition: color 0.4s linear;
  background-color: green;
  color:rgb(206, 255, 179);
}

/* Dropdown */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgb(206, 255, 179);
  min-width: 200px;
  top: 50px;
  z-index: 1;
  list-style: none;
}

.dropdown-content li a {
  display: block;
  padding: 10px 15px;
}

.dropdown.active .dropdown-content {
  display: block;
}

/* Responsive */
@media (max-width: 768px) {
  /* Hide header section */
  .header {
    display: none;
  }
  .menu-icon, .nav-logo{
    display: block;
    color:green;
  }
  .nav-container {
    justify-content: space-between;
  }
  .nav-links {
    display: none;
    flex-direction: column;
    row-gap:2.5rem;
    background-color: rgb(20, 187, 20);
    position: absolute;
    top: 85px;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 100px 0;
    z-index: 999;
  }
  .nav-links li a, 
  .nav-links li button {
    color:rgb(206, 255, 179);
  }

  .nav-links.show {
    display: flex;
  }
  .dropdown-content {
    position: static;
    width: 100%;
    background-color: rgb(20, 187, 20);
  }
  
} 
/* Hover on Desktop-->open dropdown */
@media (min-width: 769px) {
  .dropdown:hover .dropdown-content {
    display: block;
  }
}


/*******************Hero Section*****************/

@import url('https://fonts.googleapis.com/css2?family=Bauhaus+93&display=swap');

.hero {
  background-image: url('../Image/Seven-Earth-Hero.jpg'); /* Replace with your image path */
  background-size: cover;
  background-position: center;
  padding: 80px 20px;
  color: rgb(206, 255, 179);
  text-align: center;
  font-family: 'Bauhaus 93', sans-serif;
  position: relative;

}

.hero-overlay {
  /* background-color: rgba(0, 0, 0, 0.2);  */
  padding: 40px 20px;
}

.company-heading {
  font-size: 60px;
  letter-spacing: 3px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
  margin-bottom: 50px;
}

.info-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.icon-item img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  /* border: 2px solid #fff; */
  border: 6px solid rgb(206, 255, 179);
  box-shadow: 0 4px 10px #efd50e;
  transition: transform 0.3s ease;

}
.icon-item img:hover {
  transform: scale(1.1);
}

.text-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  text-align: center;
  padding: 10px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);

}

/* Responsive Grid */
@media (max-width: 768px) {
  .info-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .main-heading {
    font-size: 32px;
  }
}

@media (max-width: 480px) {
  .info-grid {
    grid-template-columns: 1fr;
  }
  .company-heading {
  font-size: 38px;
  letter-spacing: 1px;

}
}

/*******************Who we are Section*****************/

    .about-us{
      background-color: var(--bg);
      color:green;

    }
    .About-1, .About-2{
      padding:4rem 3rem 2rem 3rem;

    }
    .About-1 h2{
      margin-bottom:3rem;
    }
    .About-1 h3{
      display:inline-block;
      font-size: 2rem;
      background-color:green;
      padding:1rem 2rem 1rem 2rem;
      color:white;
      margin-bottom:3rem;    
    }
    .About-1 p{
      font-size: 1.1rem;
      margin-bottom:4rem;
      line-height: 2rem;
      text-align: justify;
    }
    .button{
      display:inline-block;
      border:2px solid green;
      padding:0.5rem 1rem 0.5rem 1rem;
      background-color:green;
      border-radius:5px;
      transition: all 0.3s ease-in-out;
    }
    .button .btn{
      color:var(--bg);
      font-weight: 700;      
    }
    .button:hover, .btn a:hover{
      background-color: rgb(1, 64, 1);
      transform: scale(1.1);
      box-shadow: 0px 5px 15px rgba(239, 188, 45,0.6);
    }
    .About-2{
      text-align: center;
    }
    .box-img{
      display:inline-block;
      margin-top:3rem;
      box-shadow: 2rem -2rem 0 0 rgb(239, 188, 45);   
    }
    .About-img{
      width:18rem;
      height:5rem;
    }
    .seven, .earth, .trust{
      font-size:4rem;
      font-weight:600;
    }
    .seven, .trust{
      color:rgb(239, 188, 45);
    }
    .whoweare-img{
      width:22rem;
    }

    /*******************What We Do Section*****************/
    .heading{
      text-align: center;
      padding-top:3rem;
      padding-bottom: 6rem;
    }
    .main-heading{
      display: inline-block;
      text-align: center;
      font-size: 3rem;
      padding:1rem 2rem 1rem 2rem;
      border-radius: 40px;
      color:var(--bg);
      background-color: green;

    }      
    .section-portfolio{
      padding-bottom: 5rem;
      background:var(--bg);               
      transition: all 0.7s linear;
      text-align: center;
    }
 
    .container{
      margin-left:3rem;
      margin-right:3rem
    }
  .portfolio-images{
      column-gap:6rem;                         /*portfolio ki img k beech me 3.2rem ka space diya hai */
      row-gap:7rem
  }
  .portfolio-images img{                  
      width:100%; 
      height:100%;                        
      border-radius:7px;                  /*img k corner ko curv kiya gya hai*/
      position:relative;
      overflow:hidden;
  }
  .img-overlay{
      position:relative;                  
      overflow:hidden;                    /*isse overlay jo img k bhi neeche se upar aa rha tha wo ab sirt pic pr hi show hoga*/
  }
  .img-overlay .overlay{
      position:absolute;                  /*overlay ki position absolute di hai jisse top bottom left right de ske  */
      top:0;                              /* isse overlay top 0 tk jayega*/
      left:0;                             /* isse overlay left se start hoga*/
      width:100%;                         /*overlay ki width 100% di hai, jisse wo img ko width me pura cover kre */
      height:100%;                        /* overlay ki height 100% di hai, jisse wo img ko height me pura cover kre*/    
      padding:2rem 2rem 2rem 2rem;
      background: rgb(79, 208, 79); /*overlay ko background color diya gya hai*/
      opacity:0;                          /*background color ki opacity 0 ki hai jisse img bhi dikhayi de*/
      display:flex;                       /*display justify-content and align-items se a tag (project-1...6) center me jaye*/
      justify-content:center;
      align-items:center;
      transform: translateY(100%);        /*overlay y axis me sbse neeche mtlb 100% pr hoga*/
      transition: all 0.3s linear;        /*overlay ko transition set ki */
      border-radius:7px;                  /*overlay ko b img ki trh curv kiya */
  }
  .img-overlay:hover > .overlay{ 
      transform:translateY(0);            /*hover krne pr 100 se 0% tk jayega */
      opacity: 0.8;
      cursor:pointer;
  }
  .img-overlay .common-heading{
      margin:0;                           /*project-1 ka margin 0 kiya */
      color:var(--white);                 /*project-1 to 6 ka color white ho jayega */
      text-decoration: none;              /*isse hyperlink ht jayega */
      font-size:1.5rem;
      font-weight: 600;
  
  }
  
  .p-image-not-active{                    
      display:none;
  }
    

 /*******************footer Section*****************/

    .footer-container .grid{
      gap:7rem;
    }
    .footer{
      padding:3rem 2rem 3rem 2rem;
      border:2px solid green;
      background:#048025;
    }
    .foot-link{
      display:flex;
      flex-direction: column;
      gap:2rem;
      color:var(--bg);    
    }
    .foot-link p{
      text-align: justify;
    }
    .footer-logo-border{
      border:15px solid var(--bg);
    }
    .foot-heading{
      font-size: 1.2rem;
      font-weight: 600;   
    }
    .foot-link a{
      color:var(--bg);
    }
    .mobile, .email{
      margin-right:0.5rem;
    }
    .icon-social{
      display: flex;
    }
    .foot-link a:hover{
      color:rgb(239, 188, 45);
      font-weight: 600;
    }
    .copy-right{
      background-color: #048025;
      text-align: center;
      color:var(--bg);
      padding-bottom:1rem;
    }

/*******************Women Empowerment Page*****************/

    .women-hero{
      text-align: center;
      background-color: var(--bg);
      padding-bottom: 5rem;   
    }

    .women-hero-img img{
      width:95%;
      height: 90vh;
      border-radius: 40px;
    }

    .women-matter{
      background-color: var(--bg);
    }
    .women-matter p{
      line-height: 2rem;
      margin-left:3rem;
      margin-right: 2rem;
      padding-bottom: 3rem;
      text-align: justify;
    }
    .matter-main-heading{
      text-indent: 3%;
      padding-bottom: 3rem;
      color:green;
      font-weight: 800;
      font-size: 1.8rem;
    }
    .matter-sub-heading{
      text-indent: 4%;
      padding-bottom: 2rem;
      color:green;
      font-size: 1.4rem;
    }
    .women-list{
      padding-bottom:3rem;
    }
    .women-list li{
      list-style:inside;
      margin-left:5rem;
      line-height: 2rem;
      font-size:1.1rem;
    }

    .image-text{
      position: absolute;
      top:41rem;
      left:25rem;
      font-size: 5rem;
      color:green;
      background-color: var(--bg);
      border-radius: 10px;
    }

    .women-list li .sub-to-sub-heading{
      font-size: 1.2rem;
      font-weight: 700;
      color:green;
      line-height: 2.5rem;

    }

    .art-sub-li li{
      font-weight: 500;
      color:black;
      text-indent: 1%;
      list-style:lower-roman;
      margin-left: 6rem; 
    }


/*******************Who We Are Page*****************/

/*About Us*/

.about-us-section{
  margin: 5rem 3rem 5rem 3rem;
  background-color: var(--bg);
  padding:4rem 0 2rem 0;
  color:green;
}
.about-us-heading{
  font-size: 3rem;
  color:green;
  text-align: center;
  padding-bottom:4rem;  
}

.about-us-para{
  padding:0rem 5rem 0rem 5rem;
  text-align: justify;
  line-height:2rem;
  word-spacing: 0.5rem;
}
.name-highlight{
  font-size: 1.1rem;
  font-style: oblique;
  font-weight: 600;
}
.founder-image{
  text-align: center;
  padding:3rem 0 3rem 0;

}
.founder-point{
  font-weight: 700;
}


    /*our Team*/

.Our-team-section{
  margin:8rem 3rem 8rem 3rem;
  background-color: var(--bg);
}

.Our-team-heading{
  font-size: 3rem;
  color:green;
  text-align: center;
  padding:5rem 0 7rem 0;
}
.trustee-detail{
  
  text-align: center;
}

.trustee-pic{
  border:5px solid green;
  /* width: 22rem;
  height: 22rem; */
  width:65%;
  height:65%;
  border-radius: 50%;
}
.trustee-name{
  color:green;
  padding:2rem 0 5rem 0;
}
.trustee-name h3{
  padding-bottom: 1rem;
}

/*******************Join Us Page*****************/

/****Left Side Grid****/

.get-envolved-section{
  margin:5rem 5rem 5rem 5rem;
  border-radius: 30px;
  background-color: var(--bg);
  text-align: center;
  color:green;
}

.get-envolved-pic{
  width:100%;
  height: 420px;
  border-radius: 30px;

}
.get-envolved-section h1{
  padding-top: 1rem;
  font-size: 3rem;
  font-weight: 700;
}
.get-envolved-container{
  padding: 3rem 3rem 5rem 5rem;
}
.get-envolved-matter .heading{
  font-size: 2rem;
  padding:3rem 0 2rem 0;
  text-align: justify;
}
.get-envolved-1 .para{
  padding-bottom: 2rem;
  line-height: 1.7rem;
}
.get-envolved-1{
  text-align: justify;
}

/****Right Side Grid****/

.get-envolved-img{
  padding-top:12rem;
}
.img-container{
  display:inline-block;
  width:80%;
  height:75%;
  border:25px solid rgb(239, 188, 45);
  padding:5rem 0 5rem 0;
  /* border-radius: 50%; */
  box-shadow: 2rem -2rem 0rem 1rem green;  
}
.img-container .About-image{
  padding-bottom:3rem;
}
.img-container .ways{
  font-size: 2.2rem;
  padding-bottom: 2rem;
}

/****Contact Us****/

.Contact-Us-Heading{
  font-size: 3rem;
  color:var(--bg);
  text-align: center;
  padding-top: 5rem;
  padding-bottom:2rem;
}
.contact-map-box{
  margin:0 5rem 0 5rem;
}
.contact-map{
  width:100%;
  height: 25rem;
  border-radius: 30px;
}

.Contact-us-section {
  margin:0rem 5rem 5rem 5rem;
  padding:5rem 0 5rem 0;
  border-radius: 20px;
  /* background-color: var(--bg); */
  background-image: url(../Image/30.3\ -\ Copy.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
}
.contact-container {
  position: relative;
  max-width: 800px;
  width: 100%;
  /* height: 511px; */
  background: rgb(255, 250, 250, 0.4);
  padding: 2rem 5rem 5rem 6rem;
  border-radius: 20px;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
}
.contact-container h2{
  padding-top:1.3rem;
  padding-bottom: 2rem;
}
.contact-box {
  position: absolute;
  top: 50%;
  right: -140px;
  transform: translateY(-50%);
  width: 290px;
  height: 21rem;
  background: rgb(255, 250, 250, 0.4);
  padding: 32px 15px 0 20px;
  border-radius: 20px;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5); 
}

.contact-box p, .contact-box a {
  font-size: 15px;
  color: #333;
  padding-bottom: 1.1rem;
}
.w-full{
  padding:4px 6px 4px 10px;
  width:60%;
  font-size: 1.1rem;
}
.contact-btn{
  margin-top:1.5rem;
  padding:0.5rem 2.5rem 0.5rem 2.5rem;
  font-size: 1rem;
}

.contact-address, .contact-mobile, .contact-email{
  padding-right: 10px;

}
.contact-address-2{
  text-indent: 28px;
}

.contact-box-responsive{
  display:none;
}


/*******************Donate Now Page*****************/

.donate-hero-container{
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
}
.left-grid{
  color:green;
  padding-top:4rem;
  line-height: 4rem;
}
.giving, .more{
  color:red;
  font-size: 4rem;
}
.are-you-able, .than-you{
  color:#1DA1F2;
}
.donate-pic{
  width:100%;
  height:600px;
}

.Donate-Now-section{
  background-color: var(--bg);
  border:3rem solid green;
  padding: 5rem 5rem 5rem 5rem;
  text-align: center;
  color:green;
}
/* SECTION HEADING */
.Donate-Now-section h1 {
  font-size: 3rem;
  margin-bottom: 3rem;
  color: green;
  animation: blink 1.5s infinite;
  background-color: #eeb50a;
  display:inline-block;
  border:5px solid #eeb50a;
  padding:1rem 2rem;
  border-radius: 10px;
}
@keyframes blink {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

/* LEFT BLOCK: ACCOUNT DETAILS */
.Account-detail {
  display: flex;
  flex-direction: column;
  /* align-items: center; Horizontal center */
  justify-content: center; /* Vertical center (if needed) */
  text-align: left;
  text-indent: 5rem;
}

.Account-detail h3 {
  font-size: 1.5rem;
  margin: 1rem 0;
}
.Account-detail p {
  font-size: 1.2rem;
  line-height: 2rem;
}

/* RIGHT BLOCK: UPI SCANNER */
.Scanner-upi {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Scanner-Img {
  width: 100%;
  max-width: 200px;
  height: auto;
  border:5px solid green;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.Scanner-upi h2 {
  font-size: 1.3rem;
  padding-bottom: 1rem;
}
.Scanner-upi h3 {
  font-size: 1rem;
  margin-top: 0.5rem;
  margin-bottom:1rem;
}

/*******************Privacy Policy Page*****************/

.hero-support-section{
  width:100%;
  height:20rem;
  background-color: green;
  display:flex;
  justify-content: center;
  align-items: center;  
  color:var(--bg);
  font-size: 3rem;
  
}
.information-section{
  background: var(--bg);
  padding:3rem 5rem 3rem 5rem;
  text-align: justify;
  color:green;
}
.information-section h3{
  padding:2rem 0 0rem 0;
}
.information-section p{
  padding-top:0.5rem;
}

/************************************************************************************************/
                                   /* Responsiveness */
/************************************************************************************************/

@media(max-width:980px){    
  
  .programme-button .btn {
    font-size: 0.8rem;
    padding: 8px 8px;
  }

  .swiper {                                         /*****************Responsive Hero Section *****************/
    /* width: 80%; */
    /* height:60vh; */
  }
  .carosil{
    /* padding-top:1rem */
  }


  .About-1 h3{                                       /***************Responsive Who We Are Section ***************/
    font-size: 1rem;
  }
  .About-1 p{
    max-width:20rem;
    margin-bottom:2rem;
  }
  .whoweare-img{
    width:18rem;
  }


  .section-portfolio .grid-three-column{             /***************Responsive What We Do Section ***************/
    grid-template-columns:repeat(2, 1fr);
  }


  .footer-container .grid{                          /****************Responsive footer Section *******************/
    grid-template-columns:repeat(2, 1fr);
  }
  .foot-responsive{
    display:none;
  }

  .founder-image img{                               /***********Who we are page**** About Us Section *********/
    width:489px;
    height:322px;
  }                                                   
   
  .Our-team-section .grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .get-envolved-container{                         /***********Join Us page**** get-envolved-section *********/
    padding-top: 0rem;
  }
  .get-envolved-section .grid{
    display:block;  
  }
  .get-envolved-img{
    display:none;
  }

  .contact-box{                                   /***********Join Us page**** Contact Us section *********/
    display:none;
  }
  .contact-box-responsive{
    display: block;
    position:static;
  }
  
  .Contact-us-section {
    padding:0;
    background-image: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100%;
  }
  .contact-box-responsive p, .contact-box-responsive a {
    font-size: 16px;
    color: #333;
    padding-bottom: 1.1rem;
  }
  .contact-address, .contact-mobile, .contact-email{
    padding-right: 10px;
  }
  .w-full{
    width:100%;
  }
  .contact-box-responsive h2{
    padding-top:3rem;
  }

  .donate-hero-container{                           /***********Donate Now page**** Donate Hero section *********/
    max-width: 800px;
  }
  .donate-pic{
    height:500px;
  }
  .Account-detail{
    text-indent: 0rem;
  }
  
  .women-hero-img .image{                         /*********************Women Empowerment page******************/            
    width: 95%;
    height:60vh;
  }
}



@media(max-width:768px){     
  
  .grid{                                              /*********** 2. Responsive Who We Are Section ***************/
    display:block;
  }
  .About-1 p{
    max-width:100%;
  }
  .box-img{
  display: none;
  }
  .About-2{
  padding:0rem;
  }

  .section-portfolio .grid-three-column .img-overlay{   /*********** 2. Responsive What We Do Section ***************/
    margin-bottom: 1rem; 
  }

  .foot-responsive{                                     /****************Responsive footer Section *******************/
    display:none;
  }
  .foot-link h3{
    margin-top:3rem;
  }

  .donate-pic{                                         /***********Donate Now page**** Donate Hero section *********/
    width:70%;
    height:380px;
  }
  .grid-two-column {
    grid-template-columns: 1fr;
  }
  .Donate-Now-section {
    padding: 5rem 1rem;
    border-width: 2rem;
  }
  .Donate-Now-section h1 {
    font-size: 1.3rem;
    padding:0.5rem 0.5rem;
  }
  .Donate-Now-section h2, .Scanner-upi h2 {
    font-size: 1.5rem;
  }
  .Account-detail{
    text-align: center;
    text-indent: 0;
  }
  .Account-detail h3{
    font-size: 1.3rem;
  }
  .Scanner-upi {
    padding-top:2rem;
  }

  .founder-image img{                               /***********Who we are page**** About Us Section *********/
    width:370px;
    height:222px;
  } 
}




@media(max-width:450px){ 

  .sticky-navbar .logo{
    width:12rem;                  
  }

  .swiper {                                         /*****************Responsive Hero Section *****************/
    width: 95%;
    height:40vh;
  }
  
  .About-1 h3{ 
    font-size: 0.8rem;                              /*********** Responsive Who We Are Section ***************/
    padding:1rem 0.5rem 1rem 0.5rem;
  }
  .about-us-para{
  text-align: center;
}


  .heading{                                         /*********** Responsive what we do section ***************/
    padding:3rem 0 3rem 0;
  }
  .main-heading{
    font-size: 1.8rem;
  }  

  .social-imapact-section .grid{                     /*********** Responsive Social Impact section ***************/
    display:block;
    margin-left:3rem;
    margin-right:3rem;
  }   
  .social-vedio iframe{
    margin-bottom:1rem;
    height:30vh;
    border-radius:20px;
  }


  .about-us-section{                                /*************************Who we are page*********************/
    margin: 3rem 1rem 3rem 1rem;
  }
  .about-us-heading{
    font-size: 2rem;
    padding-bottom:3rem;  
  }
  .about-us-para{
    padding:0rem 1rem 0rem 1rem;
    word-spacing: 0rem;
  }
  .founder-image img{                               
    width:280px;
    height:200px;
  } 
  .Our-team-section{
    margin:3rem 1rem 3rem 1rem;
  }
  .Our-team-heading{
    font-size: 2rem;
    padding:4rem 0 3rem 0;
  }
  .trustee-name{
    padding:2rem 0 3rem 0;
  }
  .trustee-name h3{
    padding-bottom: 1rem;
  }

  .get-envolved-section{                            /*************************Join Us page*********************/
    margin:3rem 1rem 0rem 1rem;
  }
  .get-envolved-pic{
    height: 280px;
  }
  .get-envolved-section h1{
    padding-top:2rem;
    font-size: 2.5rem;
  }
  .get-envolved-container{
    padding: 0rem 1rem 5rem 1rem;
  }
  .get-envolved-matter .heading{
    font-size: 1.8rem;
    padding:3rem 0 2rem 0;
    text-align: left;
  } 
  .Contact-Us-Heading{
    font-size: 2.5rem;
    padding-bottom:2rem;
  }
  .contact-map-box{
    margin:0 1rem 0 1rem;
  }
  .contact-map{
    height: 280px;
  }
  .Contact-us-section {
    margin:0rem 1rem 5rem 1rem;
    border-radius: 20px;
  }
  .contact-container {
    padding: 2rem 1rem 3rem 1rem;
  }

  .Donate-Now-section{                             /*************************Donate Now page*********************/
    border:0.5rem solid green;
  }
  
  .women-hero-img .image{                         /*********************Women Empowerment page******************/            
    padding-top:1rem;
    height:35vh;
  }
  .women-hero{
    padding-bottom: 3rem;   
  }
  .women-matter p{
    margin-left:1rem;
    margin-right:1rem;
    padding-bottom: 3rem;
  }
  .matter-main-heading{
    text-align: center;
    padding-bottom: 3rem;
    font-size: 1.5rem;
  }
  .women-list li{
    margin-left:1rem;
    margin-right: 1rem;
    font-size:1rem;
    text-align: justify;
  }
  .matter-sub-heading{
    text-indent: 0%;
    margin-left:1rem;
  }

}