/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/app/(common)/about/components/BuildingFuture/BuildingFuture.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.buildingFuture {
  background: url(/_next/static/media/forest.75799767.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 40.2rem;
  width: 100%;
  margin-bottom: 13rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.buildingFuture p {
  font-style: italic;
  padding-bottom: 2rem;
}
.buildingFuture .common_btn {
  min-height: auto;
  padding: 1rem 6rem;
  margin-bottom: 2rem;
}
.buildingFuture h6 {
  color: #49FE9F;
  font-weight: bold;
  font-size: 1.8rem;
  font-family: "Poppins", sans-serif;
  text-align: center;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/app/(common)/about/components/OurImpact/OurImpact.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.impact_page {
  padding: 7rem 0;
  text-align: center;
  padding-bottom: 15rem;
}
.impact_page .page_head {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.impact_page .page_head p {
  text-align: left;
}
.impact_page .impact_cards {
  margin-top: 7rem;
}
.impact_page .impact_cards .impact_card h3 {
  font-size: 1.6rem;
}
.impact_page .impact_cards .impact_card h4 {
  font-size: 2rem;
}
.impact_page .impact_cards .impact_card p {
  font-size: 1.8rem;
  color: #6B7280;
  padding-top: 2rem;
}
@media (max-width: 1599px) {
  .impact_page .impact_cards {
    margin-top: 4rem;
  }
}
.impact_page .impact_cards .row {
  margin: -1.2rem;
}
.impact_page .impact_cards .row > div {
  padding: 1.2rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/app/(common)/about/components/OurValue/OurValue.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.value_page {
  padding: 7rem 0;
  text-align: center;
}
.value_page .page_head {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 7rem;
}
.value_page .value_cards {
  margin-top: 7rem;
}
.value_page .value_cards .value_card h3 {
  font-size: 2rem;
  font-weight: bold;
}
.value_page .value_cards .value_card p {
  font-size: 1.8rem;
  color: #fff;
  padding-top: 2rem;
}
.value_page .value_cards .value_card .card_icon svg path {
  fill: #49FE9F;
}
@media (max-width: 1599px) {
  .value_page .value_cards {
    margin-top: 4rem;
  }
}
.value_page .value_cards .row {
  margin: -1.2rem;
}
.value_page .value_cards .row > div {
  padding: 1.2rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/app/(common)/about/components/OurMission/OurMission.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.our_mission {
  padding: 5rem 0;
}
.our_mission_in .row {
  margin: -1.6rem;
}
.our_mission_in .row .page_head {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 5rem;
}
@media (max-width: 575px) {
  .our_mission_in .row {
    margin: -1rem;
  }
}
.our_mission_in .row > div {
  padding: 1.6rem;
}
@media (max-width: 575px) {
  .our_mission_in .row > div {
    padding: 1rem;
  }
}
.our_mission_in .buy_card {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.our_mission_in .buy_card h3 {
  font-weight: 500;
  background: linear-gradient(90deg, #B6852C 0%, #D7B557 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3.6rem;
}
.our_mission_in .buy_card button {
  max-width: 10rem;
  min-height: auto;
  margin-top: 1.6rem;
  padding: 1rem 10rem;
}
.our_mission_in .col-lg-3:nth-child(2) .page_card {
  background-image: url(/_next/static/media/card1-bg.591447af.png);
}
.our_mission_in .col-lg-3:nth-child(3) .page_card {
  background-image: url(/_next/static/media/card2-bg.009e999e.png);
}
.our_mission_in .col-lg-3:nth-child(4) .page_card {
  background-image: url(/_next/static/media/card3-bg.3abd52b5.png);
}
.our_mission_in .col-lg-3:nth-child(5) .page_card {
  background-image: url(/_next/static/media/card4-bg.7cf61868.png);
}
.our_mission_in .col-lg-3:nth-child(6) .page_card {
  background-image: url(/_next/static/media/card5-bg.009e999e.png);
}
.our_mission_in .col-lg-3:nth-child(7) .page_card {
  background-image: url(/_next/static/media/card6-bg.7cf61868.png);
}
.our_mission_in .col-lg-3:nth-child(8) .page_card {
  background-image: url(/_next/static/media/card7-bg.bacaf9fd.png);
}
.our_mission_in .page_card {
  border-radius: 1.2rem;
  padding: 4rem;
  position: relative;
  overflow: hidden;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 27.5rem;
}
@media (max-width: 991px) {
  .our_mission_in .page_card {
    min-height: 20rem;
  }
}
@media (max-width: 767px) {
  .our_mission_in .page_card {
    min-height: 16rem;
  }
}
@media (max-width: 575px) {
  .our_mission_in .page_card {
    padding: 2.5rem;
    min-height: max-content;
  }
}
.our_mission_in .page_card h3 {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 150%;
  letter-spacing: -3%;
}
@media (max-width: 1599px) {
  .our_mission_in .page_card h3 {
    font-size: 2rem;
    line-height: 120%;
  }
}
@media (max-width: 575px) {
  .our_mission_in .page_card h3 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
.our_mission_in .page_card p {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -3%;
  margin-top: 2rem;
}
@media (max-width: 1599px) {
  .our_mission_in .page_card p {
    font-size: 1.6rem;
    line-height: 120%;
    margin-top: 1.5rem;
  }
}
@media (max-width: 575px) {
  .our_mission_in .page_card p {
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-top: 1rem;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/app/(common)/about/components/OurVision/OurVision.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.our_vision {
  padding: 0 0 5rem 0;
}
.our_vision .container {
  max-width: 155rem;
}
.our_vision .container .page_cards {
  margin-top: 7rem;
}
@media (max-width: 1599px) {
  .our_vision .container .page_cards {
    margin-top: 4rem;
  }
}
.our_vision .container .page_cards .row {
  margin: -1.2rem;
}
@media screen and (max-width: 991px) {
  .our_vision .container .page_cards .row {
    flex-direction: column;
  }
}
.our_vision .container .page_cards .row > div {
  padding: 1.2rem;
}
@media screen and (max-width: 991px) {
  .our_vision .container .page_cards .row > div {
    width: 100%;
  }
}
.our_vision .container .page_cards .row > div.vision_left ul {
  margin-top: 2rem;
  padding-left: 2rem;
}
.our_vision .container .page_cards .row > div.vision_left ul li {
  list-style: disc;
  font-family: "Poppins", sans-serif;
  font-size: 1.5rem;
  padding-bottom: 2rem;
}
.our_vision .container .page_cards .row > div.vision_left .btn_wrap {
  display: flex;
  gap: 3rem;
  justify-content: flex-start;
  align-items: center;
}
.our_vision .container .page_cards .row > div.vision_left .btn_wrap h5 {
  color: #49FE9F;
  font-weight: bold;
  font-size: 1.5rem;
}
.our_vision .container .page_cards .row > div.vision_cards {
  position: relative;
  margin-top: 13rem;
}
@media screen and (max-width: 991px) {
  .our_vision .container .page_cards .row > div.vision_cards {
    margin-top: 5rem;
  }
}
.our_vision .container .page_cards .row > div.vision_cards::after {
  background: url(/_next/static/media/sandalwood.119b555f.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 99%;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .our_vision .container .page_cards .row > div.vision_cards::after {
    background-position: center;
    width: 100%;
  }
}
.our_vision .container .page_cards .row > div.vision_cards ul {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin-top: 22rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1279px) {
  .our_vision .container .page_cards .row > div.vision_cards ul {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 1199px) {
  .our_vision .container .page_cards .row > div.vision_cards ul {
    margin-top: 10rem;
  }
}
@media screen and (max-width: 991px) {
  .our_vision .container .page_cards .row > div.vision_cards ul {
    top: 5rem;
    gap: 2rem;
  }
}
.our_vision .container .page_cards .row > div.vision_cards ul li {
  min-width: 21.2rem;
}
@media screen and (max-width: 1479px) {
  .our_vision .container .page_cards .row > div.vision_cards ul li {
    min-width: 17rem;
  }
}
@media screen and (max-width: 1199px) {
  .our_vision .container .page_cards .row > div.vision_cards ul li {
    min-width: 13rem;
  }
}
@media screen and (max-width: 991x) {
  .our_vision .container .page_cards .row > div.vision_cards ul li {
    min-width: 10rem;
  }
}
@media screen and (max-width: 480px) {
  .our_vision .container .page_cards .row > div.vision_cards ul li {
    min-width: 9rem;
  }
}
.our_vision .container .page_cards .row > div.vision_cards ul li .vision_card {
  background: rgba(255, 255, 255, 0.1);
  border: 0.821705px solid rgba(255, 255, 255, 0.34);
  -webkit-backdrop-filter: blur(21.1178px);
          backdrop-filter: blur(21.1178px);
}
@media screen and (max-width: 991px) {
  .our_vision .container .page_cards .row > div.vision_cards ul li .vision_card {
    padding: 1.5rem;
  }
}
.our_vision .container .page_cards .row > div.vision_cards ul li .vision_card .card_icon svg {
  width: 2.5rem;
  height: 2.5rem;
}
.our_vision .container .page_cards .row > div.vision_cards ul li .vision_card .card_icon svg path {
  fill: #49FE9F;
}
.our_vision .container .page_cards .row > div.vision_cards ul li .vision_card h3 {
  font-size: 4rem;
  margin: 1.5rem 0;
}
@media screen and (max-width: 1199px) {
  .our_vision .container .page_cards .row > div.vision_cards ul li .vision_card h3 {
    font-size: 3rem;
  }
}
.our_vision .container .page_cards .row > div.vision_cards ul li .vision_card h4 {
  font-size: 2.1rem;
}
.our_vision .container .page_cards .row > div .page_head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 3rem;
}
.our_vision .container .page_cards .row > div .page_head h2 {
  font-size: 5rem;
}
@media screen and (max-width: 575px) {
  .our_vision .container .page_cards .row > div .page_head h2 {
    font-size: 3rem;
  }
}
.our_vision .container .page_cards .row > div .page_head p {
  text-align: left;
  font-size: 1.6rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/app/(common)/about/components/WhoWeAre/WhoWeAre.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.who_we_are {
  padding: 0 0 5rem 0;
}
.who_we_are .container {
  max-width: 155rem;
}
.who_we_are .page_head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 3rem;
}
.who_we_are .page_head h2 {
  font-size: 5rem;
}
@media screen and (max-width: 575px) {
  .who_we_are .page_head h2 {
    font-size: 3rem;
  }
}
.who_we_are .page_head p {
  text-align: left;
  font-size: 1.6rem;
}
.who_we_are .page_cards {
  margin-top: 7rem;
}
@media (max-width: 1599px) {
  .who_we_are .page_cards {
    margin-top: 4rem;
  }
}
.who_we_are .page_cards .row {
  margin: -1.2rem;
}
.who_we_are .page_cards .row > div {
  padding: 1.2rem;
}
.who_we_are .page_cards .row > div .common_card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.who_we_are .page_cards .row > div .common_card .card_icon svg path {
  fill: #49FE9F;
}
.who_we_are .page_cards .row > div .common_card p {
  text-align: left;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/app/(common)/about/about.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/