.frame-child {
  height: 85px;
  width: 170px;
  position: relative;
  background-color: var(--color-darkslategray);
  display: none;
}
.capital-beauty {
  position: relative;
  font-size: var(--font-size-xl);
  letter-spacing: 0.15px;
  line-height: 24px;
  font-family: var(--font-roboto-condensed);
  color: var(--color-white);
  text-align: left;
  white-space: nowrap;
  z-index: 1;
}
.rectangle-parent {
  cursor: pointer;
  border: 0;
  padding: 30px 18px var(--padding-10xl) var(--padding-5xl);
  background-color: var(--color-darkslategray);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap;
}
.rectangle-parent:hover {
  background-color: #616163;
}
.about-us,
.home {
  position: relative;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 500;
}
.about-us {
  white-space: nowrap;
}
.frame-icon {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.about-us-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-8xs);
}
.csr-projects {
  position: relative;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 500;
  white-space: nowrap;
}
.frame-item {
  height: 16px;
  width: 16px;
  position: relative;
}
.csr-projects-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-8xs);
}
.collaboration-with-cda {
  position: relative;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 500;
  white-space: nowrap;
}
.frame-icon1 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.collaboration-with-cda-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-8xs);
}
.learning-tips {
  position: relative;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 500;
  white-space: nowrap;
}
.frame-icon2 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.learning-tips-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-8xs);
}
.news-feeds {
  position: relative;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 500;
  white-space: nowrap;
}
.frame-icon3 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.news-feeds-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-8xs);
}
.get-in-touch {
  position: relative;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 500;
  white-space: nowrap;
}
.home-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xl) 0;
  box-sizing: border-box;
  gap: 28px;
  max-width: 100%;
}
.text-about-us-child {
  height: 85px;
  width: 169px;
  position: relative;
  background-color: var(--color-forestgreen-100);
  display: none;
}
.facebook-negative,
.instagram-negative,
.twitter-negative {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
  z-index: 1;
}
.frame-parent,
.text-about-us {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.text-about-us {
  background-color: var(--color-forestgreen-100);
  align-items: flex-start;
  padding: 35px 45px var(--padding-15xl) var(--padding-25xl);
  gap: var(--gap-base);
}
.frame-parent {
  align-items: center;
  padding: 0 0 0 var(--padding-xl);
  box-sizing: border-box;
  gap: 120px;
  max-width: 100%;
  text-align: center;
  font-size: var(--font-size-mini);
  color: var(--color-gray-100);
  font-family: var(--font-roboto);
}
.frame-inner {
  width: 1440px;
  position: relative;
  max-height: 100%;
  height: auto;
  object-fit: cover;
  display: none;
  max-width: 100%;
  z-index: 0;
}
.rectangle-div {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    90deg,
    rgba(6, 144, 61, 0.5),
    rgba(63, 110, 53, 0.5) 41%,
    rgba(6, 144, 61, 0.5)
  );
  z-index: 1;
}
.about-us1,
.what-we-do1 {
  position: relative;
  letter-spacing: 0.5px;
  display: inline-block;
  z-index: 2;
}
.about-us1 {
  height: 57px;
  line-height: 65px;
  text-transform: capitalize;
  font-weight: 800;
  flex-shrink: 0;
}
.what-we-do1 {
  margin: 0;
  width: 361px;
  font-size: 65px;
  line-height: 60px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: var(--font-roboto-condensed);
  max-width: 100%;
}
.header-frame,
.rectangle-group {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 100%;
}
.rectangle-group {
  align-items: center;
  padding: 1var (--padding-2xl) var(--padding-xl) 122px 21px;
  box-sizing: border-box;
  position: relative;
  gap: 6px;
  height: 400px;
  background-image: url(./public/rectangle-1351@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.header-frame {
  align-items: flex-end;
  min-height: 564px;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--text-link-size);
  color: var(--color-white);
  font-family: var(--font-nunito-sans);
}
.about-us2 {
  position: relative;
  letter-spacing: 3px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 500;
  z-index: 4;
}
.islamabad-green,
.our-goal-is {
  margin: 0;
}
.lorem-ipsum-dolor,
.our-goal-is-container {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
}
.our-goal-is-container {
  margin: 0;
  height: 128px;
  width: 496px;
  font-size: inherit;
  letter-spacing: -2px;
  line-height: 64px;
  font-weight: 700;
  font-family: inherit;
  min-width: 496px;
  z-index: 4;
}
.lorem-ipsum-dolor {
  height: 112px;
  width: 477px;
  font-size: var(--text-link-size);
  line-height: 28px;
  font-family: var(--body-1);
  color: var(--dark-grey);
  min-width: 477px;
}
.lorem-ipsum-dolor-sit-amet-con {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
  max-width: 100%;
  font-size: 48px;
  font-family: var(--font-roboto-condensed);
}
.about-us-group,
.background-frame {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.about-us-group {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-base);
}
.background-frame {
  width: 1145px;
  flex-direction: row;
  padding: 0 var(--padding-19xl);
  box-sizing: border-box;
}
.background,
.httpswwwpexelscomphotop-icon {
  position: relative;
  display: none;
  max-width: 100%;
}
.httpswwwpexelscomphotop-icon {
  width: 1280px;
  max-height: 100%;
  object-fit: cover;
}
.background {
  height: 156px;
  width: 630px;
  background-color: var(--color-forestgreen-100);
}
.blogs-published1,
.k {
  position: relative;
  z-index: 2;
}
.k {
  width: 102px;
  letter-spacing: -2px;
  line-height: 64px;
  display: flex;
  align-items: center;
}
.blogs-published1 {
  font-size: var(--text-link-size);
  line-height: 28px;
  font-family: var(--body-1);
}
.views-on-finsweet {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.k1,
.views-on-finsweet2 {
  position: relative;
  z-index: 2;
}
.k1 {
  letter-spacing: -2px;
  line-height: 64px;
}
.views-on-finsweet2 {
  font-size: var(--text-link-size);
  line-height: 28px;
  font-family: var(--body-1);
}
.views-on-finsweet1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 92px;
}
.k2,
.total-active-users {
  position: relative;
  z-index: 2;
}
.k2 {
  letter-spacing: -2px;
  line-height: 64px;
}
.total-active-users {
  font-size: var(--text-link-size);
  line-height: 28px;
  font-family: var(--body-1);
}
.views-on-finsweet3 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 88px;
}
.blogs-published {
  width: 630px;
  background-color: var(--color-forestgreen-100);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--padding-13xl) 49px var(--padding-13xl) var(--padding-29xl);
  box-sizing: border-box;
  gap: var(--gap-xl);
  max-width: 100%;
  z-index: 1;
}
.shape,
.shape-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 311.5px;
  height: 23px;
  z-index: 1;
}
.shape {
  left: 311.9px;
  background-color: var(--color-gray-100);
  width: 550px;
}
.mission-vision-frame {
  width: 862px;
  height: 23px;
  position: relative;
  max-width: 100%;
}
.overview {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 265px 109px 0;
  box-sizing: border-box;
  background-image: url(./public/httpswwwpexelscomphotophotoofwomanwearingeyeglasses3184405@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  max-width: 100%;
  z-index: 2;
}
.background1 {
  height: 441px;
  width: 1280px;
  position: relative;
  background-color: var(--color-forestgreen-200);
  display: none;
  max-width: 100%;
}
.our-mision {
  position: relative;
  letter-spacing: 3px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
  z-index: 1;
}
.creating-valuable-content {
  margin: 0;
  width: 481px;
  height: 80px;
  position: relative;
  font-size: inherit;
  letter-spacing: -1px;
  line-height: 40px;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
  z-index: 1;
}
.lorem-ipsum-dolor1 {
  align-self: stretch;
  position: relative;
  font-size: var(--text-link-size);
  line-height: 28px;
  font-family: var(--body-1);
  color: var(--medium-grey);
  z-index: 1;
}
.icon,
.overview-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.icon {
  align-self: stretch;
  gap: var(--gap-base);
  font-size: var(--heading-h3-size);
  font-family: var(--heading-h3);
}
.overview-frame {
  flex: 1;
  gap: var(--gap-5xl);
  min-width: 335px;
}
.our-vision {
  position: relative;
  letter-spacing: 3px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
  z-index: 1;
}
.a-platform-that {
  margin: 0;
  width: 475px;
  height: 80px;
  position: relative;
  font-size: inherit;
  letter-spacing: -1px;
  line-height: 40px;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
  z-index: 1;
}
.lorem-ipsum-dolor2 {
  align-self: stretch;
  position: relative;
  font-size: var(--text-link-size);
  line-height: 28px;
  font-family: var(--body-1);
  color: var(--medium-grey);
  z-index: 1;
}
.a-platform-that-empowers-indiv-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
  max-width: 100%;
  font-size: var(--heading-h3-size);
  font-family: var(--heading-h3);
}
.overview-frame1 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-5xl);
  min-width: 335px;
}
.background-frame-parent,
.home-frame,
.mision-vision,
.overview-frame1 {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.mision-vision {
  align-self: stretch;
  background-color: var(--color-forestgreen-200);
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 64px 108px;
  box-sizing: border-box;
  gap: var(--gap-13xl);
  min-height: 441px;
  font-size: var(--text-link-size);
  color: var(--dark);
  font-family: var(--body-1);
}
.background-frame-parent,
.home-frame {
  flex-direction: column;
}
.home-frame {
  align-self: stretch;
  align-items: flex-start;
  font-size: var(--display-size);
  color: var(--color-white);
  font-family: var(--heading-h3);
}
.background-frame-parent {
  width: 1320px;
  align-items: flex-end;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-46xl);
  min-height: 1196px;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--text-link-size);
  color: var(--dark);
  font-family: var(--font-roboto);
}
.background2 {
  width: 624px;
  height: 356px;
  position: relative;
  background-color: var(--color-white);
  display: none;
  max-width: 100%;
}
.making-islamabad-green,
.what-we-do2 {
  position: relative;
  display: inline-block;
}
.what-we-do2 {
  margin: 0;
  width: 303px;
  font-size: inherit;
  line-height: 70px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: inherit;
}
.making-islamabad-green {
  align-self: stretch;
  height: 58px;
  font-size: var(--font-size-xl);
  letter-spacing: 0.5px;
  line-height: 29px;
  font-weight: 500;
  font-family: var(--font-nunito);
  color: #5f5f60;
}
.afforestation-and-tree-plantat,
.tree-plantation {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.afforestation-and-tree-plantat {
  width: 756px;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-mid);
}
.tree-plantation {
  width: 826px;
  flex-direction: row;
  align-items: flex-start;
}
.card-child {
  width: 405px;
  height: 316px;
  position: relative;
  background-color: var(--color-forestgreen-300);
  display: none;
  max-width: 100%;
}
.icon1 {
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1;
}
.customize-with-ease,
.lorem-ipsum-dolor3 {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.customize-with-ease {
  margin: 0;
  width: 314.7px;
  font-size: inherit;
  line-height: 36px;
  font-weight: 500;
  font-family: inherit;
}
.lorem-ipsum-dolor3 {
  align-self: stretch;
  height: 112px;
  font-size: var(--text-link-size);
  line-height: 28px;
  text-align: justify;
  opacity: 0.7;
}
.customize-with-ease-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.card,
.card-item {
  background-color: var(--color-forestgreen-300);
  max-width: 100%;
}
.card {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-31xl) var(--padding-14xl) var(--padding-29xl)
    var(--padding-29xl);
  box-sizing: border-box;
  gap: var(--gap-7xl);
  min-width: 304px;
}
.card-item {
  width: 406px;
  height: 316px;
  position: relative;
  display: none;
}
.icon2 {
  width: 32px;
  height: 32px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.lorem-ipsum-dolor4,
.perfectly-responsive {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.perfectly-responsive {
  margin: 0;
  width: 315.3px;
  font-size: inherit;
  line-height: 36px;
  font-weight: 500;
  font-family: inherit;
}
.lorem-ipsum-dolor4 {
  align-self: stretch;
  height: 112px;
  font-size: var(--text-link-size);
  line-height: 28px;
  text-align: justify;
  opacity: 0.7;
}
.perfectly-responsive-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.card-inner,
.card1 {
  background-color: var(--color-forestgreen-300);
  max-width: 100%;
}
.card1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-31xl) var(--padding-14xl) var(--padding-29xl)
    var(--padding-29xl);
  box-sizing: border-box;
  gap: var(--gap-7xl);
  min-width: 304px;
}
.card-inner {
  width: 405px;
  height: 316px;
  position: relative;
  display: none;
}
.icon3 {
  width: 32px;
  height: 27.9px;
  position: relative;
  z-index: 1;
}
.friendly-support,
.lorem-ipsum-dolor5 {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.friendly-support {
  margin: 0;
  width: 315.3px;
  font-size: inherit;
  line-height: 36px;
  font-weight: 500;
  font-family: inherit;
}
.lorem-ipsum-dolor5 {
  align-self: stretch;
  height: 112px;
  font-size: var(--text-link-size);
  line-height: 28px;
  text-align: justify;
  opacity: 0.7;
}
.card2,
.friendly-support-parent {
  flex-direction: column;
  align-items: flex-start;
}
.friendly-support-parent {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
  gap: var(--gap-xs);
  flex-shrink: 0;
}
.card2 {
  flex: 1;
  background-color: var(--color-forestgreen-300);
  padding: var(--padding-33xl) var(--padding-13xl) var(--padding-29xl)
    var(--padding-29xl);
  box-sizing: border-box;
  gap: 29px;
  min-width: 304px;
}
.card-parent,
.card2,
.tree-plantation-parent {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.card-parent {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--gap-13xl);
  text-align: left;
  font-size: var(--font-size-5xl);
  font-family: var(--font-roboto);
}
.tree-plantation-parent {
  width: 1320px;
  flex-direction: column;
  align-items: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  gap: 70px;
  flex-shrink: 0;
  text-align: center;
  font-size: 55px;
  color: var(--dark-blue);
  font-family: var(--font-roboto-condensed);
}
.background3 {
  width: 1599px;
  height: 912px;
  position: relative;
  background-color: var(--color-whitesmoke);
  display: none;
  max-width: 100%;
  z-index: 0;
}
.afforestation-and-tree,
.tree-plantataion {
  position: relative;
  line-height: 28px;
  font-weight: 500;
  z-index: 2;
}
.afforestation-and-tree {
  margin: 0;
  align-self: stretch;
  font-size: var(--font-size-21xl);
  line-height: 56px;
  font-weight: 700;
  font-family: var(--font-roboto-condensed);
}
.encourage-residents-businesse {
  width: 623px;
  height: 112px;
  position: relative;
  line-height: 28px;
  font-family: var(--text-link);
  display: inline-block;
  opacity: 0.7;
  max-width: 100%;
  z-index: 2;
}
.frame-container,
.tree-plantataion-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.tree-plantataion-parent {
  align-self: stretch;
  gap: var(--gap-5xs);
}
.frame-container {
  flex: 1;
  padding: 0 0 10px;
  box-sizing: border-box;
  min-width: 427px;
}
.httpswwwpexelscomphotoa-icon {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 52px;
  max-height: 100%;
  width: 562px;
  object-fit: cover;
  z-index: 2;
}
.shapes-icon {
  position: absolute;
  top: 99px;
  left: 0;
  width: 103px;
  height: 116px;
  z-index: 3;
}
.httpswwwpexelscomphotoa-parent {
  height: 336px;
  width: 614px;
  position: relative;
  min-width: 614px;
  max-width: 100%;
}
.frame-group {
  width: 1278px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-6xs);
  max-width: 100%;
}
.httpswwwpexelscomphotoa-icon1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 562px;
  height: 336px;
  object-fit: cover;
  z-index: 2;
}
.circle {
  position: absolute;
  top: 299px;
  left: 26px;
  border-radius: 50%;
  background-color: var(--color-forestgreen-100);
  width: 74px;
  height: 74px;
  z-index: 3;
}
.httpswwwpexelscomphotoa-group {
  height: 373px;
  width: 562px;
  position: relative;
  min-width: 562px;
  max-width: 100%;
}
.green-spaces-and,
.our-vision1 {
  position: relative;
  line-height: 28px;
  font-weight: 500;
  z-index: 2;
}
.green-spaces-and {
  margin: 0;
  align-self: stretch;
  font-size: var(--font-size-21xl);
  line-height: 56px;
  font-weight: 700;
  font-family: var(--font-roboto-condensed);
}
.encourage-residents-businesse1 {
  width: 623px;
  height: 112px;
  position: relative;
  line-height: 28px;
  font-family: var(--text-link);
  display: inline-block;
  opacity: 0.7;
  max-width: 100%;
  z-index: 2;
}
.background-rectangle {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-5xs);
}
.background-rectangle,
.frame-div,
.vision-frame {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.vision-frame {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 37px;
  box-sizing: border-box;
  min-width: 427px;
}
.frame-div {
  width: 1280px;
  flex-direction: row;
  align-items: center;
  gap: var(--gap-42xl);
}
.background4 {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-whitesmoke);
  width: 1599px;
  height: 1022px;
}
.shapes-icon1 {
  position: absolute;
  top: 958px;
  left: 1418.9px;
  width: 24.2px;
  height: 333px;
  object-fit: contain;
  z-index: 1;
}
.shapes-container {
  width: 100%;
  height: 1291px;
  position: absolute;
  margin: 0 !important;
  right: 0;
  bottom: -401px;
  left: 0;
}
.background-parent {
  width: 1599px;
  background-color: var(--color-whitesmoke);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 80px var(--padding-xl) 58px var(--padding-2xl);
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-46xl);
  max-width: 105%;
  flex-shrink: 0;
  z-index: 1;
}
.frame-wrapper,
.what-we-do-inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  box-sizing: border-box;
  flex-shrink: 0;
}
.frame-wrapper {
  width: 1519px;
  justify-content: flex-start;
  max-width: 105%;
}
.what-we-do-inner {
  align-self: stretch;
  justify-content: flex-end;
  min-height: 949px;
  max-width: 100%;
  text-align: left;
  font-size: var(--text-link-size);
  color: var(--dark-blue);
  font-family: var(--font-roboto);
}
.bg {
  height: 333px;
  width: 1263.8px;
  position: relative;
  background-color: var(--color-forestgreen-100);
  display: none;
  max-width: 100%;
}
.newsletter1,
.shapes-icon2 {
  height: 80px;
  width: 89.1px;
  position: relative;
  z-index: 3;
}
.newsletter1 {
  width: 111.7px;
  height: 40px;
  letter-spacing: 3px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  z-index: 4;
}
.subscribe-our-news,
.to-get-latest {
  margin: 0;
}
.subscribe-our-news-container {
  margin: 0;
  height: 108px;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 54px;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
  z-index: 3;
}
.latest-updates,
.newsletter {
  align-self: stretch;
  box-sizing: border-box;
}
.latest-updates {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  max-width: 100%;
  font-size: var(--h3-heading-size);
}
.newsletter {
  flex-direction: column;
  padding: 0 6px 0 0;
}
.circle-frame,
.newsletter,
.privacy-policy-terms-f-a-q {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.circle-frame {
  flex: 1;
  flex-direction: column;
  padding: var(--padding-77xl) 1px 0 0;
  box-sizing: border-box;
  min-width: 320px;
}
.privacy-policy-terms-f-a-q {
  width: 588px;
  flex-direction: row;
  gap: var(--gap-6xs);
  min-width: 588px;
}
.contact-input-field {
  outline: 0;
  padding: var(--padding-xl) var(--padding-10xl) var(--padding-33xl);
  font-family: var(--text-link);
  font-weight: 500;
  font-size: var(--text-link-size);
  color: var(--dark);
  border: 0;
  width: 100%;
  height: 100%;
  background: 0 0;
  position: relative;
  z-index: 3;
}
.bg1,
.subscribe {
  position: absolute;
}
.bg1 {
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.09);
  width: 100%;
  height: 100%;
}
.subscribe {
  top: 20px;
  left: 31.6px;
  line-height: 24px;
  font-weight: 500;
  display: inline-block;
  width: 79px;
  opacity: 0.87;
}
.bg2,
.button {
  width: 144.9px;
  position: relative;
  height: 64px;
  display: none;
}
.bg2 {
  width: 456.8px;
  background-color: var(--color-white);
}
.pareshpixetocom {
  height: 24px;
  width: 158px;
  position: relative;
  line-height: 24px;
  font-weight: 500;
  text-align: right;
  display: inline-block;
  flex-shrink: 0;
  opacity: 0.4;
  white-space: nowrap;
  z-index: 1;
}
.input {
  width: 100%;
  height: 64px;
  background-color: var(--color-white);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xl) var(--padding-10xl);
  box-sizing: border-box;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.input-field,
.privacy-policy-terms-f-a-q-gro,
.wrapper-contact-input-field {
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.wrapper-contact-input-field {
  position: relative;
  width: 457px;
  border: 0;
  background-color: transparent;
  height: 96px;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--text-link-size);
  color: var(--dark);
}
.input-field,
.privacy-policy-terms-f-a-q-gro {
  flex-direction: row;
}
.privacy-policy-terms-f-a-q-gro {
  flex: 1;
  background-color: var(--color-forestgreen-100);
  align-items: flex-end;
  padding: 0 0 var(--padding-77xl);
  gap: 122px;
  z-index: 2;
}
.input-field {
  width: 1328px;
  align-items: flex-start;
  padding: 0 var(--padding-25xl) 0 var(--padding-xl);
  min-height: 403px;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--caption-size);
  color: var(--color-white);
  font-family: var(--text-link);
}
.frame-child1 {
  height: 108px;
  width: 1440px;
  position: relative;
  background-color: var(--color-gray-100);
  display: none;
  max-width: 100%;
}
.copyright-2021-islamabad,
.faq,
.privacy-policy,
.terms-conditions {
  position: relative;
  line-height: 28px;
  font-weight: 500;
  z-index: 1;
}
.privacy-policy-parent,
.rectangle-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-4xl);
}
.rectangle-container {
  align-self: stretch;
  background-color: var(--color-gray-100);
  justify-content: space-between;
  padding: var(--padding-21xl) var(--padding-60xl) var(--padding-21xl) 81px;
  box-sizing: border-box;
  gap: var(--gap-xl);
  max-width: 100%;
  text-align: left;
  font-size: var(--text-link-size);
  color: var(--color-white);
  font-family: var(--font-roboto);
}
.what-we-do {
  width: 100%;
  position: relative;
  background-color: var(--color-white);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-13xl);
  letter-spacing: normal;
}
@media screen and (max-width: 1200px) {
  .home-parent {
    display: none;
  }
  .lorem-ipsum-dolor,
  .our-goal-is-container {
    flex: 1;
  }
  .lorem-ipsum-dolor-sit-amet-con {
    flex-wrap: wrap;
  }
  .mision-vision,
  .overview {
    padding-left: var(--padding-35xl);
    padding-right: var(--padding-35xl);
    box-sizing: border-box;
  }
  .privacy-policy-terms-f-a-q {
    flex: 1;
  }
  .privacy-policy-terms-f-a-q-gro {
    flex-wrap: wrap;
    gap: var(--gap-42xl);
  }
  .input-field {
    padding-right: 22px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1050px) {
  .what-we-do1 {
    font-size: 52px;
    line-height: 48px;
  }
  .our-goal-is-container {
    font-size: 38px;
    line-height: 51px;
  }
  .k,
  .k1,
  .k2 {
    font-size: var(--font-size-26xl);
    line-height: 51px;
  }
  .what-we-do2 {
    font-size: 44px;
    line-height: 56px;
  }
  .afforestation-and-tree {
    font-size: var(--font-size-13xl);
    line-height: 45px;
  }
  .httpswwwpexelscomphotoa-parent {
    flex: 1;
  }
  .frame-group {
    flex-wrap: wrap;
  }
  .httpswwwpexelscomphotoa-group {
    flex: 1;
  }
  .green-spaces-and {
    font-size: var(--font-size-13xl);
    line-height: 45px;
  }
  .frame-div {
    flex-wrap: wrap;
  }
  .background-parent {
    padding-top: var(--padding-33xl);
    padding-bottom: var(--padding-19xl);
    box-sizing: border-box;
  }
  .subscribe-our-news-container {
    font-size: var(--font-size-10xl);
    line-height: 43px;
  }
}
@media screen and (max-width: 750px) {
  .frame-parent {
    gap: var(--gap-4xl);
  }
  .lorem-ipsum-dolor,
  .our-goal-is-container {
    min-width: 100%;
  }
  .blogs-published {
    padding-left: var(--padding-5xl);
    padding-right: var(--padding-5xl);
    box-sizing: border-box;
  }
  .mision-vision,
  .overview {
    padding-left: var(--padding-8xl);
    padding-right: var(--padding-8xl);
    box-sizing: border-box;
  }
  .mision-vision {
    gap: var(--gap-base);
  }
  .background-frame-parent {
    gap: var(--gap-13xl);
  }
  .card-parent {
    gap: var(--gap-base);
  }
  .tree-plantation-parent {
    gap: 35px;
  }
  .frame-container,
  .httpswwwpexelscomphotoa-group,
  .httpswwwpexelscomphotoa-parent,
  .vision-frame {
    min-width: 100%;
  }
  .frame-div {
    gap: var(--gap-11xl);
  }
  .background-parent {
    gap: var(--gap-13xl);
  }
  .privacy-policy-terms-f-a-q {
    flex-wrap: wrap;
    min-width: 100%;
  }
  .privacy-policy-terms-f-a-q-gro {
    gap: var(--gap-11xl);
  }
  .rectangle-container {
    flex-wrap: wrap;
    padding-left: var(--padding-21xl);
    padding-right: 39px;
    box-sizing: border-box;
  }
  .what-we-do {
    gap: var(--gap-base);
  }
}
@media screen and (max-width: 450px) {
  .what-we-do1 {
    font-size: 39px;
    line-height: 36px;
  }
  .rectangle-group {
    padding-top: var(--padding-60xl);
    padding-bottom: var(--padding-60xl);
    box-sizing: border-box;
  }
  .k,
  .k1,
  .k2,
  .our-goal-is-container {
    font-size: var(--font-size-10xl);
    line-height: 38px;
  }
  .k,
  .k1,
  .k2 {
    font-size: var(--font-size-15xl);
  }
  .overview {
    padding-top: 172px;
    box-sizing: border-box;
  }
  .a-platform-that,
  .creating-valuable-content {
    font-size: var(--font-size-3xl);
    line-height: 32px;
  }
  .mision-vision {
    padding-top: var(--padding-23xl);
    padding-bottom: var(--padding-23xl);
    box-sizing: border-box;
  }
  .background-frame-parent {
    gap: var(--gap-base);
  }
  .what-we-do2 {
    font-size: 33px;
    line-height: 42px;
  }
  .making-islamabad-green {
    font-size: var(--text-link-size);
    line-height: 23px;
  }
  .customize-with-ease {
    font-size: var(--font-size-lgi);
    line-height: 29px;
  }
  .card {
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }
  .perfectly-responsive {
    font-size: var(--font-size-lgi);
    line-height: 29px;
  }
  .card1 {
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }
  .friendly-support {
    font-size: var(--font-size-lgi);
    line-height: 29px;
  }
  .card2 {
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }
  .tree-plantation-parent {
    gap: var(--gap-mid);
  }
  .afforestation-and-tree,
  .green-spaces-and {
    font-size: var(--font-size-5xl);
    line-height: 34px;
  }
  .frame-div {
    gap: var(--gap-mini);
  }
  .background-parent {
    gap: var(--gap-base);
    padding-top: var(--padding-15xl);
    padding-bottom: 25px;
    box-sizing: border-box;
  }
  .subscribe-our-news-container {
    font-size: var(--font-size-3xl);
    line-height: 32px;
  }
  .privacy-policy-terms-f-a-q-gro {
    gap: var(--gap-mini);
  }
  .privacy-policy-parent {
    flex-wrap: wrap;
  }
}