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

.navbr{
background: rgba(255, 255, 255, 1);
box-shadow: 0px 2.78px 5.57px 0px rgba(171, 190, 209, 0.4);
}

.font{
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-size: 11.14px;
line-height: 16.71px;

}
span{
color: rgba(38, 50, 56, 1);
}
.logo{
font-size: 17px;
width: 77.61px;
height: 14.38px;
font-weight: 700;
font-style: Medium;
}

.navbar li a{
display: flex;
color: rgba(77, 77, 77, 1);
}
.btun{
background: rgba(76, 175, 79, 1);
color: rgba(255, 255, 255, 1);
opacity: 1;
gap: 5.57px;
border-radius: 2.78px;
border: none;
vertical-align: middle;

}


/* hero section */
.hero-section{
background: rgba(245, 247, 250, 1);

}
.hero-text h1{
color: rgba(77, 77, 77, 1);
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
letter-spacing: 0%;

}


.line-height {
  line-height: 52.9px;
}

@media (min-width:0px) and (max-width: 767px) {
  .line-height {
    line-height: 30px; 
  }

}

.hero-text span{
  color:  rgba(76, 175, 79, 1);
}

.custom-responsive-img {
  width: 50%;           /* for Smaller screens */
  max-width: 300px;
  height: auto;
}

@media (min-width: 992px) {
  .custom-responsive-img {
    width: 300px;        /* for large screens */
  }
}


.hero-text p{
  color: rgba(113, 113, 113, 1);
  font-weight: 400;
  font-style: normal;
}


.heading-font{
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-size: 25.06px;
color: rgba(77, 77, 77, 1);
line-height: 30.63px;

}

/* clients section */
.clients-section{
  background: rgba(255, 255, 255, 1);
  
}
h2{
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-size: 25.06px;
line-height: 30.63px;


}
.client p{
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
text-align: center;
color: rgba(113, 113, 113, 1);

}

/* community section */

.card-body{
width: 208.12px;
height: 182.1px;
opacity: 1;
border-radius: 5.57px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 1.39px 2.78px 0px rgba(171, 190, 209, 0.2);
border-color: rgba(255, 255, 255, 1);
;

}

.card-body h5{
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
color: rgba(77, 77, 77, 1);
line-height: 25.06px;
text-align: center;

}
.card-body-p{
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
color: rgba(77, 77, 77, 1);
font-size: 9.74px;
line-height: 13.92px;
opacity: 1;
}


/* section 5 */
.section-5 img {
  max-width: 100%;
  height: auto;
}

.section-5 {
  opacity: 1;
}

.section-5 h2 {
 max-width: 418px;
}

.section-5-text p {
  max-width: 418px;
  line-height: 1.4;
}

.butn {
  width: auto;
  gap: 7px;
}

/* helping section */
.helping-section-wrapper {
  background: rgba(245, 247, 250, 1);
  width: 100%;
}



/* second last section */
.secondlast-section{
  text-align: center;
  
}
.secondlast-section h1{
color: rgba(38, 50, 56, 1);
opacity: 1;
}

/* footer section */
.footer-section {
  background: rgba(38, 50, 56, 1);
  color:rgba(245, 247, 250, 1);
  width: 100%;
 
}

.footer-section h3 {
  color:rgba(245, 247, 250, 1);

}

.footer-section p,
.footer-section a,
.footer-section li{

  color:rgba(245, 247, 250, 1);

}

.footer-section ul {
  padding-left: 0;
  list-style: none;
}