/* Fonts */
.fira-sans-thin {
  font-family: "Fira Sans", serif;
  font-weight: 100;
  font-style: normal;
}

.fira-sans-extralight {
  font-family: "Fira Sans", serif;
  font-weight: 200;
  font-style: normal;
}

.fira-sans-light {
  font-family: "Fira Sans", serif;
  font-weight: 300;
  font-style: normal;
}

.fira-sans-regular {
  font-family: "Fira Sans", serif;
  font-weight: 400;
  font-style: normal;
}

.fira-sans-medium {
  font-family: "Fira Sans", serif;
  font-weight: 500;
  font-style: normal;
}

.fira-sans-semibold {
  font-family: "Fira Sans", serif;
  font-weight: 600;
  font-style: normal;
}

.fira-sans-bold {
  font-family: "Fira Sans", serif;
  font-weight: 700;
  font-style: normal;
}

.fira-sans-extrabold {
  font-family: "Fira Sans", serif;
  font-weight: 800;
  font-style: normal;
}

.fira-sans-black {
  font-family: "Fira Sans", serif;
  font-weight: 900;
  font-style: normal;
}

.fira-sans-thin-italic {
  font-family: "Fira Sans", serif;
  font-weight: 100;
  font-style: italic;
}

.fira-sans-extralight-italic {
  font-family: "Fira Sans", serif;
  font-weight: 200;
  font-style: italic;
}

.fira-sans-light-italic {
  font-family: "Fira Sans", serif;
  font-weight: 300;
  font-style: italic;
}

.fira-sans-regular-italic {
  font-family: "Fira Sans", serif;
  font-weight: 400;
  font-style: italic;
}

.fira-sans-medium-italic {
  font-family: "Fira Sans", serif;
  font-weight: 500;
  font-style: italic;
}

.fira-sans-semibold-italic {
  font-family: "Fira Sans", serif;
  font-weight: 600;
  font-style: italic;
}

.fira-sans-bold-italic {
  font-family: "Fira Sans", serif;
  font-weight: 700;
  font-style: italic;
}

.fira-sans-extrabold-italic {
  font-family: "Fira Sans", serif;
  font-weight: 800;
  font-style: italic;
}

.fira-sans-black-italic {
  font-family: "Fira Sans", serif;
  font-weight: 900;
  font-style: italic;
}

/* Global Css */
body {
  background-color: #f5f5f5;
  padding: 0;
  margin: 0px;
}


main{
  margin: 0px 120px 80px 120px;
}

/* Shared Css */

.mrgin_bottom_80{
  margin-bottom: 80px;
}
.section_title {
  font-size: 40px;
  font-weight: bold;
  color: #0e0e0e;
  margin-bottom: 24px;
}
.section_desc {
  margin-bottom: 32px;
  color: #0e0e0e;
}
.primary_btn {
  border-radius: 8px;
  color: white;
  font-family: "Fira Sans", serif;
  font-weight: 600;
  font-size: 18px;
  padding: 13px 26px;
  cursor: pointer;
  border: none;
}
.primary_btn a {
  color: white;
  text-decoration: none;
}
.primary_btn a:hover {
  color:red;
  transition: .06;
}
.secondary_btn {
  border-radius: 8px;
  color: white;
  font-family: "Fira Sans", serif;
  font-weight: 600;
  font-size: 18px;
  padding: 34px 17px;
  cursor: pointer;
  border: none;
}
.secondary_btn a {
  color: white;
  text-decoration: none;
}
.secondary_btn a:hover {
  /* color:#c6e4d6; */
  color:red;
  transition: .06;
}
.btn_green {
  background-color: #006a50;
}
.btn_blue {
  background-color: #5490f5;
}
.btn_green_thin {
  background-color: #09a15c;
}
.btn_yellow {
  background-color: #ffc239;
}
/* header_section */
.header_section{
  display: flex;
  justify-content: space-between;
  padding: 24px 140px;
  background-color: #F5F5F5;

}
.header_section h2{
  font-size: 32px;
  font-weight: bold;

}
.header_section h2 a{
  text-decoration: none;
  color: #0E0E0E;

}
.signin_btn{
  border-radius: 8px;
  background-color: white;
  color: #006A50;
  font-family: "Fira Sans", serif;
  font-weight: 600;
  font-size: 18px;
  
  cursor: pointer;
  border: 1px solid #006a50;
}
.signin_btn a{
  color: #006A50;
  text-decoration: none;
  padding: 15px 30px;
}
.signin_btn a:hover {
  color: red;
}
/* Banner Css */
.banner_section {
  background-color: #c6e4d6;
  border-radius: 24px;
}
.banner_container {
  display: flex;
  align-items: center;
  gap: 50px;
}
.banner_content {
  padding: 117px 58px;
  width: 50%;
}
.banner_sub {
  font-size: 24px;
  font-weight: 600;
  color: rgba(14, 14, 14, 0.5);
}
.banner_title {
  font-weight: bold;
  font-size: 56px;
  color: rgba(14, 14, 14, 1);
  margin: 16px 0px;
}
.banner_image {
  width: 50%;
}


/* Piller section */
.piller_container{
  display: flex;
  gap: 24px;
}
.piller{
  border-radius: 16px;
  padding: 24px;
  background-color: white;
  border: 1px solid rgba(14, 14, 14, 0.15);
}
.piller h4{
  font-size: 20px;
  font-weight: bold;
  
}
.piller h4 a{
  text-decoration: none;
  color: #0E0E0E;
}
.piller h4 a:hover{
  color: #09a15c;
}
.piller p{
  font-size: 16px;
  font-weight: 600;
  color: rgba(14, 14, 14, 0.7);
}
/* Vission section */
.vission_container{
  display: flex;
  gap: 24px;
}
.vission{
  border-radius: 16px;
  padding: 24px;
}
.vission h4{
  font-size: 20px;
  font-weight: bold;
  color: #0E0E0E;
}
.vission p{
  font-size: 16px;
  font-weight: 600;
  color: rgba(14, 14, 14, 0.7);
}
.vission_bg1{
  background-color: rgba(84, 144, 245, 0.2);
}

.vission_bg2{
  background-color: rgba(198, 228, 214, 1);
}
.vission_bg3{
  background-color: #F7EBCF;
}

/* Qoute section */
.qoute_section {
  background-color: white;
  padding: 24px 48px;
  margin-top: 50px;
  border-radius: 8px;
}

.qoute {
  background-image: url("assets/quote-bg.png");
  background-repeat: no-repeat;
  background-position: top left; 
  padding: 10px 3px;
}
.qoute_section:hover{
  box-shadow: 3px 2px 2px 3px #9b9e9d;
}

.qoute p{
  font-size: 16px;
  font-weight: 400;
  color: rgba(14, 14, 14, 0.8);
}
.qoute h2{
  font-size: 20px;
  font-weight: bold;
  color: rgba(14, 14, 14, 0.8);
}
.qoute h4{
  color: rgba(14, 14, 14, 0.6);
}
/* News section */


.news_item{
  background-color: #ffffff;
  display: flex;
  gap: 20px;
  padding: 48px;
  border-radius: 24px;
  margin-bottom: 24px;
}
.news_image img{
 border-radius: 24px;
}

.news_content h1{
  font-size: 32px;
  font-weight: bold;
  color: rgba(14, 14, 14, 0.8);
}
.news_content h4{
  color: rgba(14, 14, 14, 0.7)
}
.news_content h4 span{
  color: rgba(14, 14, 14, 0.7);
}
.news_content p{
  color: rgba(14, 14, 14, 0.7);
}


/* Donate section */
.donate_container{
  display: flex;
  gap: 20px;
  justify-items: center;
  justify-content: center;
  
}

.donate_item{
  border-radius: 16px;
  padding: 40px;
  background-color: #ffffff;
  text-align: center;
}
.donate_item h2{
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  color: rgba(14, 14, 14, 0.8);
}
.active{
  background-color: #C6E4D6;
}
.donate_item h2:hover{
  color: red;
  
}
.donate_center{
  text-align: center;
}

.other_donate {
  padding: 16px; 
}
.other_donate form {
  display: flex;
  align-items: center;
  flex-direction: column;
 
}
.other_donate input{
  height: 84px;
  background-color: white;
  width: 80%;
  padding: 20px 40px;
  font-size: 20px;
  text-align: center;
  color: rgba(14, 14, 14, 0.3);
  margin-bottom: 32px;
  border: none;
  margin-top: 30px;
  box-sizing: border-box; 
}
.other_donate input:focus{
  outline: none;
 
}

/* newsletter_section */

.newsletter_section{
  background-color: #C6E4D6;
  border-radius: 24px;
}

.newsletter{
  padding: 80px 265px;

}

.newsletter h1{
  font-weight: bold;
  font-size: 40px;
  color: #0E0E0E;
  text-align: center;
}

.newsletter p{
  color: rgba(14, 14, 14, 0.7);
  text-align: center;
}
.subscribe{
  display: flex;
}
.subscribe input{
  padding: 40px 18px;
  background-color: white;
  border: none;
  color: rgba(14, 14, 14, 0.3);
  width: 100%;
}
.subscribe input:focus{
  outline: none;
 
}

/* Footer section */


.footer_section{
  background-color: #ffffff;
  margin: 0px;
}
.footer{
  text-align: center;
  padding: 50px 160px;
}
.footer ul{
  list-style: none; 
  padding: 0; 

}
.footer ul li{
  margin-bottom: 8px;
  display: inline-block;
}
.footer ul a{
  text-decoration: none;
  font-size: 20px;
  padding: 5px;
  text-align: center;
  
}