/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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)/red/components/CoreBenefit/CoreBenefit.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.benifit_page {
  padding: 0 0 15rem;
  text-align: center;
}
.benifit_page .page_head {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 7rem;
}
.benifit_page .page_cards {
  margin-top: 7rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}
.benifit_page .page_cards .benifit_col {
  width: 100%;
}
.benifit_page .page_cards .benifit_col h3 {
  font-size: 2rem;
  font-weight: bold;
}
.benifit_page .page_cards .benifit_col p {
  font-size: 1.8rem;
  color: #fff;
  padding-top: 2rem;
}
.benifit_page .page_cards .benifit_col .card_icon svg path {
  fill: #49FE9F;
}
@media (max-width: 1399px) {
  .benifit_page .page_cards {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1199px) {
  .benifit_page .page_cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .benifit_page .page_cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .benifit_page .page_cards {
    grid-template-columns: 1fr;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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)/red/components/LegacyBeyond/LegacyBeyond.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Legacy_page {
  padding: 0;
  text-align: center;
  padding-bottom: 15rem;
}
.Legacy_page .page_head {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.Legacy_page .impact_cards {
  margin-top: 7rem;
}
.Legacy_page .impact_cards .impact_card h3 {
  font-size: 1.6rem;
}
.Legacy_page .impact_cards .impact_card h4 {
  font-size: 2rem;
}
.Legacy_page .impact_cards .impact_card p {
  font-size: 1.8rem;
  color: #6B7280;
  padding-top: 2rem;
}
@media (max-width: 1599px) {
  .Legacy_page .impact_cards {
    margin-top: 4rem;
  }
}
.Legacy_page .impact_cards .row {
  margin: -1.2rem;
}
.Legacy_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)/red/RedPage.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media screen and (max-width: 767px) {
  .red_page .innerpage_hero_head {
    margin-top: 13rem;
  }
}
@media screen and (max-width: 575px) {
  .red_page .innerpage_hero_head {
    margin-top: 5rem;
  }
}
.red_page .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: 15rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.red_page .buildingFuture p {
  font-style: italic;
  padding-bottom: 2rem;
}
.red_page .buildingFuture .common_btn {
  min-height: auto;
  padding: 1rem 6rem;
  margin-bottom: 2rem;
}
.red_page .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)/red/components/RedMeetsWeb3/RedMeetsWeb3.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.meet_web3 {
  padding: 15rem 0;
}
.meet_web3_in .row {
  margin: -1.6rem;
}
.meet_web3_in .row .page_head {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  margin-bottom: 5rem;
}
.meet_web3_in .row .page_head h2 {
  text-align: left;
}
.meet_web3_in .row .page_head p {
  text-align: left;
}
@media (max-width: 575px) {
  .meet_web3_in .row {
    margin: -1rem;
  }
}
.meet_web3_in .row > div {
  padding: 1.6rem;
}
@media (max-width: 575px) {
  .meet_web3_in .row > div {
    padding: 1rem;
  }
}
.meet_web3_in .page_card_head {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.meet_web3_in .page_card_head 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;
}
.meet_web3_in .page_card_head h6 {
  font-size: 1.8rem;
  padding-top: 1.5rem;
}
.meet_web3_in .col-lg-3:nth-child(3) .page_card {
  background-image: url(/_next/static/media/card1-bg.591447af.png);
}
.meet_web3_in .col-lg-3:nth-child(4) .page_card {
  background-image: url(/_next/static/media/card3-bg.3abd52b5.png);
}
.meet_web3_in .col-lg-3:nth-child(5) .page_card {
  background-image: url(/_next/static/media/card5-bg.009e999e.png);
}
.meet_web3_in .page_card {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.2rem;
  height: 100%;
  min-height: 25rem;
  padding: 4rem;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media (max-width: 991px) {
  .meet_web3_in .page_card {
    min-height: 20rem;
  }
}
@media (max-width: 767px) {
  .meet_web3_in .page_card {
    min-height: 16rem;
  }
}
@media (max-width: 575px) {
  .meet_web3_in .page_card {
    padding: 2.5rem;
    min-height: max-content;
  }
}
.meet_web3_in .page_card h3 {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 150%;
  letter-spacing: -3%;
}
@media (max-width: 1599px) {
  .meet_web3_in .page_card h3 {
    font-size: 2rem;
    line-height: 120%;
  }
}
@media (max-width: 575px) {
  .meet_web3_in .page_card h3 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
.meet_web3_in .page_card p {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -3%;
  margin-top: 2rem;
}
@media (max-width: 1599px) {
  .meet_web3_in .page_card p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-top: 1.5rem;
  }
}
@media (max-width: 575px) {
  .meet_web3_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)/red/components/TraditionallyReach/TraditionallyReach.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.component_content {
  background: url(/_next/static/media/forest2.7244f7ce.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 70.4rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 7rem 0 5rem 0;
}
.component_content .page_cards {
  margin-top: 7rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
  gap: 2rem;
}
.component_content .page_cards .page_card {
  width: 100%;
}
.component_content .page_cards .page_card h3 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0;
}
.component_content .page_cards .page_card p {
  font-size: 1.8rem;
  color: #fff;
  padding-top: 2rem;
}
.component_content .page_cards .page_card .card_icon svg path {
  fill: #49FE9F;
}
@media (max-width: 1199px) {
  .component_content .page_cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .component_content .page_cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .component_content .page_cards {
    grid-template-columns: 1fr;
  }
}
.component_content .red_everything {
  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);
  display: flex;
  justify-content: center;
  max-width: 96.2rem;
  margin: 0 auto;
  margin-top: 3rem;
  border-radius: 4rem;
  padding: 2rem;
}
.component_content .red_everything .landing_heading h2 {
  font-size: 4.2rem;
  line-height: 3rem;
}
@media screen and (max-width: 767px) {
  .component_content .red_everything .landing_heading h2 {
    font-size: 2.5rem;
  }
}
.component_content .red_everything .landing_heading p {
  font-size: 1.6rem;
  margin-top: 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)/red/components/RarestTimber/RarestTimber.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.rarest_page {
  padding: 0 0 7rem 0;
  text-align: center;
}
.rarest_page .page_head {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 4.7rem;
}
.rarest_page .rarest_timberTabs {
  max-width: 124rem;
  margin: 0 auto;
}
.rarest_page .rarest_timberTabs .dashboard_head .container {
  padding: 0;
}
.rarest_page .rarest_timberTabs .dashboard_head {
  padding: 0;
  padding-bottom: 4.7rem;
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  .rarest_page .rarest_timberTabs .dashboard_head {
    padding-bottom: 2rem;
  }
}
.rarest_page .rarest_timberTabs .dashboard_head .tabs-header {
  justify-content: space-around;
  width: 100%;
  gap: 7rem;
}
@media screen and (max-width: 767px) {
  .rarest_page .rarest_timberTabs .dashboard_head .tabs-header {
    gap: 2rem;
  }
}
.rarest_page .rarest_timberTabs .dashboard_head .tabs-header button.tab-button {
  background: linear-gradient(107.26deg, rgba(17, 18, 20, 0.5) 4.87%, rgba(12, 13, 15, 0.5) 75.88%);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
}
.rarest_page .rarest_timberTabs .dashboard_head .tabs-header button.tab-button.active {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.rarest_page .rarest_timberTabs .tabs-content {
  padding: 0;
}
.rarest_page .rarest_timberTabs .tabs-content .container {
  padding: 0;
}
.rarest_page .rarest_timberTabs .tabs-content .container .tabs_data {
  padding: 0;
  margin: 0;
  list-style: none;
}
.rarest_page .rarest_timberTabs .tabs-content .container .tabs_data li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem 0;
  text-align: left;
}
@media screen and (max-width: 640px) {
  .rarest_page .rarest_timberTabs .tabs-content .container .tabs_data li {
    flex-direction: column;
    gap: 1.2rem;
  }
}
.rarest_page .rarest_timberTabs .tabs-content .container .tabs_data li h3 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  margin: 0;
  flex: 0 0 40%;
}
@media screen and (max-width: 480px) {
  .rarest_page .rarest_timberTabs .tabs-content .container .tabs_data li h3 {
    font-size: 1.6rem;
  }
}
.rarest_page .rarest_timberTabs .tabs-content .container .tabs_data li h5 {
  font-size: 1.8rem;
  font-weight: 400;
  margin: 0;
  flex: 0 0 55%;
  color: #BCBCBC;
  line-height: 2rem;
}
@media screen and (max-width: 480px) {
  .rarest_page .rarest_timberTabs .tabs-content .container .tabs_data li h5 {
    font-size: 1.4rem;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/ui/dashboardCommonTab/dashboardCommonTab.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dashnoard_tabs {
  width: 100%;
  margin-top: 2rem;
}
.dashnoard_tabs .dashboard_head {
  padding: 0 1rem;
  border-bottom: 1px solid #1a1a1a;
  position: relative;
}
@media screen and (max-width: 480px) {
  .dashnoard_tabs .dashboard_head {
    padding: 0;
  }
}
.dashnoard_tabs .dashboard_head .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .dashnoard_tabs .dashboard_head .container {
    flex-direction: column;
    align-items: start;
  }
}
.dashnoard_tabs .dashboard_head .container .tabs-header {
  display: flex;
}
@media screen and (max-width: 480px) {
  .dashnoard_tabs .dashboard_head .container .tabs-header {
    width: 100%;
    overflow-x: scroll;
  }
}
.dashnoard_tabs .dashboard_head .container .tabs-header .tab-button {
  flex: 1 1;
  padding: 12px 16px;
  text-align: center;
  background: none;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  color: #6B7280;
  transition: background-color 0.3s ease-in;
  font-weight: 600;
  font-size: 1.8rem;
  border-bottom: 2px solid transparent;
}
@media screen and (max-width: 640px) {
  .dashnoard_tabs .dashboard_head .container .tabs-header .tab-button {
    font-size: 1.3rem;
    padding: 10px 8px;
  }
}
.dashnoard_tabs .dashboard_head .container .tabs-header .tab-button:last-child {
  border-right: none;
}
.dashnoard_tabs .dashboard_head .container .tabs-header .tab-button.active {
  font-weight: 600;
  border-bottom: 2px solid #D7B557;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  background: linear-gradient(90deg, #B6852C 0%, #D7B557 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.dashnoard_tabs .dashboard_head .container .tabs-header .tab-button:hover {
  color: #fff;
}
.dashnoard_tabs .dashboard_head .container .page_breadcrumb {
  font-size: 1.7rem;
  color: #A1A2A6;
}
@media screen and (max-width: 991px) {
  .dashnoard_tabs .dashboard_head .container .page_breadcrumb {
    font-size: 1.4rem;
    position: absolute;
    bottom: -3.7rem;
    left: 1.3rem;
  }
}
.dashnoard_tabs .tabs-content {
  padding: 4.8rem 0;
}
@media screen and (max-width: 640px) {
  .dashnoard_tabs .tabs-content {
    padding: 2.4rem 0;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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)/red/components/RedImpact/RedImpact.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.redImpact_page {
  padding: 0rem 0 15rem 0;
  text-align: center;
}
.redImpact_page .page_head {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.redImpact_page .impact-flow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0;
  padding: 20px;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .redImpact_page .impact-flow {
    flex-direction: column;
    gap: 1rem;
  }
}
.redImpact_page .impact-item {
  background: #191919;
  color: #fff;
  padding: 3rem;
  border-radius: 1.2rem;
  font-size: 2.2rem;
  font-weight: 500;
  white-space: nowrap;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .redImpact_page .impact-item {
    font-size: 1.8rem;
    padding: 2rem;
  }
}
@media screen and (max-width: 991px) {
  .redImpact_page .impact-item {
    font-size: 1.6rem;
    padding: 1.6rem;
  }
}
.redImpact_page .impact-line {
  flex: 0 0 10rem;
  border-top: 2px dotted #f7b733;
  margin: 0;
}
@media screen and (max-width: 1140px) {
  .redImpact_page .impact-line {
    flex: 0 0 6rem;
  }
}
@media screen and (max-width: 991px) {
  .redImpact_page .impact-line {
    flex: 0 0 3rem;
  }
}
@media (max-width: 768px) {
  .redImpact_page .impact-line {
    border-top: none;
    border-left: 2px dotted #f7b733;
    height: 20px;
    width: 0;
    margin: 0 auto;
  }
}
.redImpact_page .redImpact_content {
  background: rgba(73, 254, 159, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.29);
  -webkit-backdrop-filter: blur(13.05px);
          backdrop-filter: blur(13.05px);
  border-radius: 2.9rem;
  justify-content: center;
  max-width: 98.2rem;
  margin: 0 auto;
  display: flex;
  font-size: 2.4rem;
  padding: 1rem;
  color: #49FE9F;
}
@media screen and (max-width: 1440px) {
  .redImpact_page .redImpact_content {
    font-size: 2rem;
  }
}
@media screen and (max-width: 991px) {
  .redImpact_page .redImpact_content {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .redImpact_page .redImpact_content {
    font-size: 1.4rem;
  }
}