* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-decoration: none !important;
  scroll-behavior: smooth;
  box-sizing: border-box;
}

.sap_xl_head {
  font-size: 60px;
  font-weight: 700;
  line-height: 55px;
  color: #29292e;
}
.sap_lg_head {
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  color: #29292e;
}

.desc p {
  color: #29292eb2;
  font-weight: 300;
  list-style: 28px;
  font-size: 20px;
}
.sap_yellow_btn button {
  padding: 10px 32px;
  background-color: #ffd22e;
  border-radius: 16px;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #29292e;
  transition: all 1s ease-out;
}
.sap_yellow_btn button:hover {
  background-color: #dcb21a;
  color: #29292e;
}
.sap_yellow_btn button {
  border: none;
}
body {
  font-family: "Nunito";
}
/*==================header css code========================= */
.navbar {
  position: fixed;
  width: 100%;
  z-index: 99;
}
.navbar .contact_us button {
  box-shadow: none;
}
.navbar-expand-lg .navbar-nav .nav-item .nav-link {
  padding: 0;
  margin-right: 53px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #939393;
}
.navbar-expand-lg .navbar-nav .nav-item .nav-link.active {
  color: #000000;
}
.navbar-expand-lg .navbar-nav .nav-item .nav-link:hover {
  color: #000000;
  font-weight: 700;
}
.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link {
  margin-right: 0;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.scrolled {
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.scrolled .navbar-brand img {
  width: 60px;
}
/* .navbar .show {
  background-color: #fff;
  border-radius: 24px;
  padding: 0 20px 20px 20px;
} */
/*==================header css code========================= */

/*==================herobanner css code========================= */
.herobanner_sec {
  background: url("../bumbleebee/assets/img/bannerbg.png") no-repeat;
  background-size: cover;
  width: 100%;
  /* min-height: 100vh; */
  padding: 190px 0;
  display: flex;
  align-items: center;
}

.herobanner_inner_sec {
  display: flex;
  align-items: center;
}
.herobanner_left h1 {
  font-size: 60px;
  font-weight: 700;
  color: #29292e;
  line-height: 60px;
  margin: 0 0 16px 0;
}
.herobanner_left {
  padding: 0 48px 0 0;
}
.herobanner_left h1 span {
  display: block;
  color: #ffd22e;
}
.herobanner_left p {
  margin: 0 0 32px 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  color: #29292ecc;
}
.herobanner_right img {
  width: 100%;
  border-radius: 24px;
}
.heroleft_btn {
  display: flex;
  align-items: center;
}
.heroleft_btn .donate button {
  border: 2px solid #ffd22e;
  margin-left: 16px;
  background: transparent;
  transition: all 2s ease-out;
}
.heroleft_btn .donate button:hover {
  background: #ffd22e;
}
/*==================herobanner css code========================= */

/*==================stand sec css code========================= */
.stand_sec {
  padding: 80px 0;
}
.bee_img {
  text-align: center;
}
.stand_inner_sec h2 {
  margin: 24px 0 48px 0;
  text-align: center;
}
.stand_desc p {
  border: 1px solid #fbdb5b33;
  padding: 49px;
  border-radius: 24px;
  color: #29292ee5;
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}
.stand_desc p .bumb {
  color: #ffd22e;
}
.stand_desc p .comatext {
  color: #60bcdb;
}
/*==================stand sec css code========================= */

/*==================mission sec css code========================= */
.mission_sec {
  background-color: #fbfbfb;
  padding: 80px 0;
}
.mission_inner_sec .sap_lg_head {
  text-align: center;
  margin: 0 0 16px 0;
}
.mission_inner_sec .desc p {
  text-align: center;
  margin: 0 0 64px 0;
}
.mission_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}
.mission_item {
  background-color: #f0fdf4;
  border: 2px solid #bbf7d0;
  border-radius: 24px;
  padding: 34px;
}
.mission_item .mission_icon {
  background-color: #e0ffec;
  height: 64px;
  width: 64px;
  border-radius: 16px;
  display: flex;
  margin: 0 auto 24px auto;
  align-items: center;
  justify-content: center;
}
.mission_item h4 {
  color: #29292e;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 15px 0;
}
.mission_item p {
  text-align: center;
  color: #29292eb2;
  font-weight: 400;
  line-height: 26px;
  font-size: 16px;
  margin: 0 0 33px 0;
}
.mission_item a {
  text-align: center;
  display: block;
  color: #16a34a;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  transition: all 1s ease-in-out;
}
.mission_item a:hover {
  color: #000000;
}
.second_item .mission_icon {
  background-color: #b2e0f01a;
}
.second_item {
  background-color: #b2e0f01a;
  border: 2px solid #b2e0f04d;
}
.second_item a {
  color: #60bcdb;
}
.third_item {
  background-color: #fbdb5b1a;
  border: 2px solid #fbdb5b4d;
}
.third_item .mission_icon {
  background-color: #fbdb5b1a;
}
.third_item a {
  color: #ffd22e;
}
.four_item {
  background-color: #fff7ed;
  border: 2px solid #fed7aa;
}
.four_item .mission_icon {
  background-color: #fff2e2;
}
.four_item a {
  color: #f97316;
}
/*==================mission sec css code========================= */

/*==================team sec css code========================= */
.team_sec {
  background: url("../bumbleebee/assets/img/teambg.png") no-repeat;
  background-position: right;
  padding: 80px 0;
}
.team_inner_sec h2 {
  text-align: center;
  margin: 0 0 16px 0;
}
.team_inner_sec .desc p {
  text-align: center;
  margin: 0 0 64px 0;
}
.team_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
}
.team_item img {
  border-radius: 24px;
  width: 100%;
}
.team_item {
  position: relative;
  background-image: linear-gradient(#ffbe36, #66666600);
  padding: 10px;
  border-radius: 24px;
}
.team_name {
  background-color: #fff;
  width: 294px;
  height: 73px;
  border-radius: 10px;
  border: 2px solid #ffbe3666;
  display: flex;
  align-items: center;
  justify-content: center;
  columns: #000000;
  font-weight: 700;
  font-size: 20px;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}
.second_team {
  background-image: linear-gradient(#76d99a, #66666600);
}
.third_team {
  background-image: linear-gradient(#f97316, #66666600);
}
.second_team_name {
  border: 2px solid #76d99a66;
}
.third_team_name {
  border: 2px solid #f9731666;
}
/*==================team sec css code========================= */

/*==================change sec css code========================= */
.change_sec {
  padding: 80px 0;
}
.change_inner_sec .sap_lg_head {
  text-align: center;
  margin: 0 0 16px 0;
}
.change_inner_sec .desc p {
  text-align: center;
  margin: 0 0 64px 0;
}
.grid_change {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.change_item {
  background-color: #b2e0f033;
  padding: 40px;
  border-radius: 24px;
}
.change_icon {
  background-color: #ffd22e;
  border-radius: 24px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 32px auto;
  text-align: center;
}
.change_item h4 {
  font-weight: 700;
  color: #29292e;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  margin: 0 0 16px 0;
}
.change_item p {
  color: #29292eb2;
  font-weight: 400;
  line-height: 26px;
  margin: 0 0 32px 0;
  font-size: 16px;
  text-align: center;
}
.change_item button {
  background-color: #ffd22e;
  padding: 10px 16px;
  border-radius: 16px;
  border: none;
  width: 100%;
  color: #29292e;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  transition: all 1s ease-out;
}
.change_item button:hover {
  background-color: #dcb21a;
}
.second_change {
  background-color: #fbdb5b33;
}
.third_change {
  background-color: #dcfce7;
}
/*==================change sec css code========================= */

/*==================stories sec css code========================= */
.stories_sec {
  background-image: linear-gradient(to right, #fbdb5b1a, #ffffff, #b2e0f01a);
  padding: 80px 0;
}
.stories_inner_sec .sap_lg_head {
  text-align: center;
  margin: 0 0 16px 0;
}
.stories_inner_sec .desc p {
  text-align: center;
  margin: 0 0 64px 0;
}
.grid_stories {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.stories_item {
  background-color: #fff;
  padding: 34px;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  outline: 2px solid #fbdb5b33;
}
.grad_line {
  position: absolute;
  top: -11px;
  left: 0;
  right: 0;
  width: 90%;
}
.quot_text {
  color: #ffd22e;
  font-size: 36px;
  font-weight: 400;
  text-align: center;
  line-height: 40px;
}
.stories_item p {
  text-align: center;
  font-weight: 400;
  line-height: 26px;
  font-size: 16px;
  font-style: italic;
  color: #29292ecc;
  margin: 0 0 24px 0;
}
.stories_cap_cont {
  display: flex;
  align-items: center;
}
.stories_cap_head {
  margin: 0 0 0 16px;
}
.stories_cap_head h4 {
  color: #29292e;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
.stories_cap_head span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #29292e99;
}
/*==================stories sec css code========================= */

/*==================moments sec css code========================= */

.moments_sec {
  background: url("../bumbleebee/assets/img/momentbg.png") no-repeat;
  background-position: left;
  padding: 80px 0;
}
.moments_inner_sec .sap_lg_head {
  text-align: center;
  margin: 0 0 16px 0;
}
.moments_inner_sec .desc p {
  text-align: center;
  margin: 0 0 64px 0;
}
.moment_img {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
}
.moment_img img {
  width: 100%;
  border-radius: 24px;
  padding: 16px;
  background-color: #fff;
  box-shadow: 2px 2px 8px rgba(250, 210, 49, 0.4);
}
.moment_desc {
  text-align: center;
  max-width: 745px;
  width: 100%;
  margin: 64px auto 0 auto;
}
.moment_desc p {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #29292ecc;
}
.moment_desc p span {
  color: #fad231;
  font-weight: 700;
}
/*==================moments sec css code========================= */

/*==================partner sec css code========================= */
.partner_sec {
  background-image: linear-gradient(to right, #fbdb5b1a, #ffffff, #b2e0f01a);
  padding: 80px 0;
}
.partner_inner_sec .sap_lg_head {
  text-align: center;
  margin: 0 0 64px 0;
}
.partner_slider div img {
  margin: 0 auto;
}

/*==================partner sec css code========================= */

/*==================connect sec css code========================= */
.connect_sec {
  padding: 80px 0;
}
.connect_inner_sec .sap_lg_head {
  text-align: center;
  margin: 0 0 16px 0;
}
.connect_inner_sec .desc p {
  text-align: center;
  margin: 0 0 64px 0;
}
.connect_inner {
  display: flex;
  gap: 48px;
}
.connect_left {
  background-image: linear-gradient(to right, #fbdb5b0d, #b2e0f00d);
  border: 2px solid #fbdb5b33;
  padding: 30px;
  border-radius: 24px;
  width: 100%;
  max-width: 50%;
}
.connect_right {
  width: 100%;
  max-width: 50%;
}
.connect_left h2 {
  margin: 0 0 16px 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.connect_left p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #29292eb2;
  margin: 0 0 16px 0;
}
.start_btn {
  background-color: #ffd22e;
  padding: 10px 16px;
  width: 100%;
  border-radius: 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  border: none;
  transition: all 1s ease-out;
}
.start_btn:hover {
  background-color: #dcb21a;
}
.connect_sec form label {
  color: #29292e;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.connect_sec form input {
  border-radius: 12px;
  border: 1px solid #fbdb5b4d;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6d6d78;
}
.connect_sec form textarea {
  border-radius: 12px;
  border: 1px solid #fbdb5b4d;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6d6d78;
}
.connect_sec .form-control:focus {
  box-shadow: none;
  border-color: #dcb21a;
}
.connect_right h2 {
  margin: 0 0 16px 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.connect_right p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #29292eb2;
  margin: 0 0 16px 0;
}
.connect_touch {
  background-color: #b2e0f01a;
  padding: 25px;
  border-radius: 16px;
  border: 1px solid #b2e0f033;
  display: flex;
  align-items: center;
  margin: 0 0 16px 0;
}
.mob {
  background-color: #b2e0f033;
  border-radius: 12px;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mob_contact {
  margin: 0 0 0 16px;
}
.mob_contact h4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #29292e;
  margin: 0;
}
.mob_contact span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #29292eb2;
}
.connect_touch_two {
  background-color: #fbdb5b33;
  border: 1px solid #fbdb5b33;
}
.connect_touch_three {
  background-color: #f0fdf4;
  border: 1px solid #bbf7d0;
}
.connect_touch_two .mob {
  background-color: #fbdb5b33;
}
.connect_touch_three .mob {
  background-color: #dcfce7;
}

/*==================connect sec css code========================= */

/*==================footer sec css code========================= */

.foot_inner_sec {
  display: flex;
  gap: 48px;
  border-bottom: 1px solid #fbdb5b33;
  padding: 0 0 50px 0;
}
.foot_left {
  width: 100%;
  max-width: 50%;
}
.foot_right {
  width: 100%;
  max-width: 50%;
}
.foot_left p {
  margin: 10px 0 24px 0;
  color: #29292eb2;
  font-weight: 400;
  line-height: 26px;
  font-size: 16px;
  max-width: 435px;
}
.foot_social_icon {
  display: flex;
  gap: 16px;
}
.foot_icon {
  background-color: #fbdb5b1a;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 1s ease-out;
}
.foot_item ul {
  padding: 0;
  margin: 0;
}
.foot_item h4 {
  color: #29292e;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 24px 0;
}
.foot_item ul li a {
  color: #29292eb2;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.foot_item ul li {
  margin: 0 0 12px 0;
}
.foot_right {
  display: flex;
  justify-content: space-between;
}
.address {
  display: flex;
  align-items: center;
  margin: 0 0 16px 0;
}
.foot_right .foot_item ul li {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #29292eb2;
}
.foot_item_right .address ul {
  margin: 0 0 0 10px;
}
.foot_item_right .address ul li {
  margin: 0;
}
.foot_item ul li a:hover {
  color: #000;
}
.foot_copyright ul {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  padding: 32px 0;
}
.foot_copyright ul li {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #29292e99;
}
.foot_copyright ul li span {
  color: #ffd22e;
}
.foot_icon:hover {
  background-color: transparent;
  border: 2px solid #ffd22e;
}
/*==================footer sec css code========================= */

/* -------------------------------------------------------About us page css code-------------------------------------------------------- */

.aboutus_sec {
  background: url("../bumbleebee/assets/img/aboutusbg.png") no-repeat;
  background-size: cover;
  padding: 190px 0;
}
.aboutus_inner_sec .sap_xl_head span {
  display: block;
  color: #ffd22e;
}
.aboutus_inner_sec .sap_xl_head {
  margin: 0 0 24px 0;
  text-align: center;
}
.aboutus_inner_sec p {
  margin: 0;
  text-align: center;
}
.aboutus_inner_sec p {
  font-size: 24px;
  font-weight: 400;
  line-height: 39px;
  color: #29292ecc;
}
.journey_badge {
  background: #b2e0f033;
  padding: 8px 16px 8px 32px;
  border-radius: 24px;
  display: inline;
  color: #29292e;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}
.journey_badge::before {
  content: " ";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #b2e0f0;
  border-radius: 50%;
  top: 13px;
  left: 15px;
}
.whereit_sec {
  padding: 80px 0;
}
.whereit_left .sap_lg_head {
  margin: 16px 0 30px 0;
}
.whereit_left .sap_lg_head span {
  color: #ffd22e;
  display: block;
}
.whereit_desc p {
  margin: 0 0 23px 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #29292ecc;
}
.whereit_inner_sec {
  display: flex;
  align-items: center;
  gap: 64px;
}
.whereit_yell {
  color: #ffd22e;
}
.whereit_sky {
  color: #2f94b7;
}
.whereit_left {
  width: 100%;
  max-width: 50%;
}
.whereit_right {
  width: 100%;
  max-width: 50%;
  position: relative;
}
.whereit_img img {
  width: 100%;
  background-image: linear-gradient(to right, #b2e0f033, #fbdb5b33);
  border-radius: 24px;
  padding: 32px;
}
.yell_circle {
  height: 48px;
  width: 48px;
  background-color: #fbdb5b;
  border-radius: 50%;
  position: absolute;
  top: -45px;
  right: -35px;
}
.grad_circle {
  height: 32px;
  width: 32px;
  background-image: linear-gradient(to right, #b2e0f0, #fbdb5b);
  position: absolute;
  border-radius: 50%;
  bottom: -30px;
  left: -25px;
}
.drives_sec {
  background-image: linear-gradient(
    to bottom right,
    #fbdb5b3d,
    #ffffff,
    #b2e0f00d
  );
}
.drives_sec .mission_grid {
  grid-template-columns: repeat(3, 1fr);
}
.drives_sec .first_item .mission_icon {
  background-color: #fbdb5b;
}
.drives_sec .first_item {
  background-image: linear-gradient(to right, #fbdb5b33, #ffd22e1a);
  border: 1px solid #fbdb5b4d;
}
.drives_sec .second_item .mission_icon {
  background-image: linear-gradient(to right, #b2e0f0, #fbdb5b);
}
.drives_sec .second_item {
  background-image: linear-gradient(to right, #b2e0f033, #fbdb5b1a);
  border: 1px solid #b2e0f04d;
}
.drives_sec .third_item .mission_icon {
  background-image: linear-gradient(to right, #ffd22e4d, #b2e0f04d);
}
.drives_sec .third_item {
  background-color: #ffffff;
  border: 1px solid #fbdb5b66;
}
.drives_sec .mission_item p {
  margin: 0;
}
.impact_sec .change_item {
  background-image: linear-gradient(to right, #b2e0f04d, #fbdb5b33);
  border: 2px solid #fbdb5b66;
  padding: 34px;
}
.impact_sec .first_impact {
  clip-path: polygon(
    70.71% 100%,
    100% 66.71%,
    100% 25.29%,
    70.71% 0%,
    29.29% 0%,
    0% 29.29%,
    0% 70.71%,
    29.29% 100%
  );
}
.impact_sec .third_impact {
  clip-path: polygon(
    70.71% 100%,
    100% 66.71%,
    100% 25.29%,
    70.71% 0%,
    29.29% 0%,
    0% 29.29%,
    0% 70.71%,
    29.29% 100%
  );
}
.impact_sec .impact_icon {
  text-align: center;
}
.impact_sec .change_item h4 {
  margin: 16px 0 8px 0;
  font-size: 36px;
  font-weight: 900;
  line-height: 40px;
  color: #29292e;
}
.impact_sec .change_item span {
  text-align: center;
  display: block;
  color: #29292ecc;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.impact_sec .grid_change {
  grid-template-columns: repeat(4, 1fr);
}
.partchange_sec {
  margin: 0 0 80px 0;
  background: url("../bumbleebee/assets/img/partbg.png") no-repeat;
  background-size: cover;
}
.partchange_btn {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.partchange_btn .sap_yellow_btn:nth-child(2) button {
  background-color: #fff;
  border: 2px solid #b2e0f0;
  color: #b2e0f0;
}
.partchange_btn .sap_yellow_btn:nth-child(2) button:hover {
  background-color: #b2e0f0;
  color: #000;
}
.partchange_btn .sap_yellow_btn:nth-child(3) button {
  background-color: #fff;
  border: 2px solid #fbdb5b;
  color: #fbdb5b;
}
.partchange_btn .sap_yellow_btn:nth-child(3) button:hover {
  background-color: #fbdb5b;
  color: #000;
}
/* -------------------------------------------------------About us page css code-------------------------------------------------------- */

/* -------------------------------------------------------Contact us page css code-------------------------------------------------------- */

.contact_us .sap_xl_head span {
  color: #ffd22e;
  display: inline;
}

/* -------------------------------------------------------Contact us page css code-------------------------------------------------------- */

/* -------------------------------------------------------blog page css code-------------------------------------------------------- */
.inspire_sec {
  padding: 60px 0;
}
.inspire_sec .nav-tabs {
  border-bottom: none;
  justify-content: center;
  margin: 0 0 40px 0;
}
.inspire_sec .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fbdb5b;
}
.inspire_sec .nav-tabs .nav-link {
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid #f3f2ed;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #29292e;
  margin: 0 16px 0 0;
}
.inspire_cont {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.inspire_item {
  border: 1px solid #ebe9e080;
  border-radius: 16px;
}
.inspire_item ul {
  padding: 0;
  margin: 0 0 16px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inspire_item ul:last-child {
  margin: 0;
}
.inspire_item ul li {
  color: #6d6d78;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.inspire_item ul li a {
  color: #29292e;
  font-weight: 500;
}
.solar_img {
  position: relative;
}
.solar_img img {
  border-radius: 16px 16px 0 0;
  width: 100%;
}
.inspire_item h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: #29292e;
  margin: 0 0 12px 0;
}
.inspire_item p {
  font-size: 16px;
  font-weight: 400;
  color: #6d6d78;
  margin: 0 0 16px 0;
}
.inspire_item_cont {
  padding: 24px;
}
.badge {
  color: #29292e;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: #fbdb5b;
  border-radius: 9999px;
  border: none;
  padding: 2px 12px;
  position: absolute;
  top: 16px;
  left: 16px;
}
/* -------------------------------------------------------blog page css code-------------------------------------------------------- */

/* -------------------------------------------------------detail page css code-------------------------------------------------------- */
.detail_sec {
  padding: 170px 0 60px 0;
}
.det_img img {
  border-radius: 24px;
  margin: 0 0 20px 0;
}
.det_title {
  margin: 0 0 15px 0;
  font-size: 35px;
}
.dettext_para p {
  color: #29292eb2;
  font-weight: 300;
  line-height: 28px;
  font-size: 20px;
  margin: 0 0 20px 0;
}
/* -------------------------------------------------------detail page css code-------------------------------------------------------- */
/* ===================================media query css code============== */
@media (max-width: 1199px) {
  .mission_grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .team_grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .herobanner_sec {
    padding: 150px 0;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .nav-item .nav-link {
    margin: 25px 0 0 0;
  }
  .connect_inner {
    flex-direction: column;
  }
  .connect_left {
    max-width: 100%;
  }
  .connect_right {
    max-width: 100%;
  }
  .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link {
    margin-bottom: 25px;
  }
  .herobanner_inner_sec {
    flex-direction: column-reverse;
  }
  .herobanner_left {
    padding: 20px 0 0 0;
  }
  .herobanner_inner_sec {
    align-items: stretch;
  }
  .herobanner_sec {
    padding: 150px 0;
  }
  .mission_grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .team_name {
    width: 200px;
    height: 60px;
    bottom: -19px;
  }
  .grid_change {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_stories {
    grid-template-columns: repeat(2, 1fr);
  }
  .foot_inner_sec {
    flex-direction: column;
  }
  .foot_right {
    max-width: 100%;
  }
  .foot_left {
    max-width: 100%;
  }
  .foot_left p {
    max-width: 100%;
  }
  .foot_copyright ul {
    flex-direction: column;
  }
  .foot_copyright ul li:first-child {
    margin: 0 0 10px 0;
  }
  /* -------------------------------------------------------About us page css code-------------------------------------------------------- */
  .whereit_inner_sec {
    flex-direction: column-reverse;
  }
  .whereit_left {
    max-width: 100%;
  }
  .whereit_right {
    max-width: 100%;
  }
  .drives_sec .mission_grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .impact_sec .grid_change {
    grid-template-columns: repeat(2, 1fr);
  }
  /* -------------------------------------------------------About us page css code-------------------------------------------------------- */

  /* -------------------------------------------------------blog page css code-------------------------------------------------------- */
  .inspire_cont {
    grid-template-columns: repeat(2, 1fr);
  }
  .inspire_sec .nav-tabs .nav-link {
    margin: 0 16px 16px 0;
  }
  /* -------------------------------------------------------blog page css code-------------------------------------------------------- */
}
@media (max-width: 767px) {
  .navbar .navbar-brand img {
    width: 50px;
  }
  .grad_line {
    top: 0px;
    left: 0;
    right: 0;
    width: 100%;
  }
  .grad_line img {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  .mission-slider .slick-slide {
    margin: 0 10px;
  }
  .mission-slider .slick-dots li button:before {
    color: #fef4cc;
    opacity: 1;
    font-size: 18px;
  }
  .mission-slider .slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: #ffd22e;
  }
  .mission-slider .slick-dots {
    bottom: -50px;
  }
  .mission_inner_sec .desc p {
    margin: 0 0 35px 0;
  }
  .team_inner_sec .desc p {
    margin: 0 0 35px 0;
  }
  .change_inner_sec .desc p {
    margin: 0 0 35px 0;
  }
  .stories_inner_sec .desc p {
    margin: 0 0 35px 0;
  }
  .moments_inner_sec .desc p {
    margin: 0 0 35px 0;
  }
  .connect_inner_sec .desc p {
    margin: 0 0 35px 0;
  }
  .partner_inner_sec .sap_lg_head {
    margin: 0 0 35px 0;
  }
  .sap_lg_head {
    font-size: 28px;
    line-height: 35px;
  }
  .team_name {
    font-size: 16px;
  }
  .stand_sec {
    padding: 40px 0;
  }
  .mission_sec {
    padding: 40px 0;
  }
  .team_sec {
    padding: 40px 0;
  }
  .change_sec {
    padding: 40px 0;
  }
  .stories_sec {
    padding: 40px 0;
  }
  .moments_sec {
    padding: 40px 0;
  }
  .partner_sec {
    padding: 40px 0;
  }
  .connect_sec {
    padding: 40px 0;
  }
  .foot_left img {
    width: 50px;
  }
  .herobanner_left h1 {
    font-size: 35px;

    line-height: 40px;
  }
  .foot_inner_sec {
    gap: 30px;
  }
  .sap_yellow_btn button {
    padding: 7px 16px;
  }
  .partner_slider div img {
    margin: 0 auto;
  }
  .herobanner_sec {
    padding: 100px 0px;
  }
  .mission_grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .team_grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .stand_desc p {
    padding: 24px;
  }
  .grid_change {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid_stories {
    grid-template-columns: repeat(1, 1fr);
  }
  .sap_xl_head {
    font-size: 35px;
    line-height: 40px;
  }
  /* -------------------------------------------------------About us page css code-------------------------------------------------------- */
  .aboutus_sec {
    padding: 110px 0;
  }
  .yell_circle {
    height: 30px;
    width: 30px;
    top: -35px;
    right: 0;
  }
  .grad_circle {
    height: 20px;
    width: 20px;
    bottom: -25px;
    left: 0;
  }
  .drives_sec .mission_grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .impact_sec .grid_change {
    grid-template-columns: repeat(1, 1fr);
  }
  .whereit_sec {
    padding: 80px 0 40px 0;
  }
  /* -------------------------------------------------------About us page css code-------------------------------------------------------- */

  /* -------------------------------------------------------blog page css code-------------------------------------------------------- */
  .inspire_cont {
    grid-template-columns: repeat(1, 1fr);
  }
  /* -------------------------------------------------------blog page css code-------------------------------------------------------- */
}


#volunteerModal .row label {
    color: #29292e;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
#volunteerModal .row input {
    border-radius: 12px;
    border: 1px solid #fbdb5b4d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6d6d78;
}
#volunteerModal .row select {
    border-radius: 12px;
    border: 1px solid #fbdb5b4d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6d6d78;
}
#donationModal .row  input {
    border-radius: 12px;
    border: 1px solid #fbdb5b4d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6d6d78;
}
#donationModal .row  select {
    border-radius: 12px;
    border: 1px solid #fbdb5b4d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6d6d78;
    width:100%
}
#donationModal .row  textarea {
    border-radius: 12px;
    border: 1px solid #fbdb5b4d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6d6d78;
}
#donationModal .row  label {
    color: #29292e;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.btn-close {
   
    background: transparent url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3670_39137)'%3E%3Cpath d='M14.6987 12.0195L24.044 2.67407C24.6521 2.06617 24.6521 1.08327 24.044 0.47545C23.4361 -0.132442 22.4532 -0.132442 21.8454 0.47545L12.4999 9.82081L3.15475 0.47545C2.54657 -0.132442 1.56403 -0.132442 0.956138 0.47545C0.347954 1.08334 0.347954 2.06617 0.956138 2.67407L10.3012 12.0195L0.956211 21.3649C0.348027 21.9727 0.348027 22.9557 0.956211 23.5635C1.10041 23.7081 1.27175 23.8228 1.46041 23.9009C1.64906 23.9791 1.85131 24.0192 2.05552 24.019C2.45349 24.019 2.85161 23.8667 3.15483 23.5635L12.4999 14.2181L21.8454 23.5635C21.9896 23.7081 22.161 23.8227 22.3496 23.9009C22.5383 23.9791 22.7405 24.0192 22.9447 24.019C23.3427 24.019 23.7408 23.8667 24.044 23.5635C24.6521 22.9556 24.6521 21.9727 24.044 21.3649L14.6987 12.0195Z' fill='%23FFD22E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3670_39137'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") center / 1em auto no-repeat;   
  opacity:1.9;
}
.btn-close:focus {
    box-shadow: none;
}