/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/[locale]/sufrarewards/SufraHeader/SufraHeader.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.sufraheaderWrapper {
  width: 100%;
  min-height: 600px;
  background: #037b4f;
  color: #fff;
}

.underlineSufra {
  font-weight: bold !important;
  display: inline-block; /* To apply positioning to the text */
  position: relative;
  margin-bottom: 40px;
}

.underlineSufra::after {
  content: "";
  position: absolute;
  bottom: -10px; /* Adjusts the gap between text and the underline */
  left: 0;
  width: 100%;
  height: 2px; /* Thickness of the underline */
  background-color: #fff; /* Color of the underline */
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/[locale]/sufrarewards/SufraBenefits/SufraBenefits.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
.underlineBenefits {
  font-weight: bold !important;
  display: inline-block; /* To apply positioning to the text */
  position: relative;
  margin-bottom: 40px;
}

.underlineBenefits::after {
  content: "";
  position: absolute;
  bottom: -10px; /* Adjusts the gap between text and the underline */
  left: 0;
  width: 100%;
  height: 2px; /* Thickness of the underline */
  background-color: #000; /* Color of the underline */
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/[locale]/sufrarewards/SufraDownloads/SufraDownloads.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
.SufraOrange {
  background-color: #e75e34;
  color: #fff;
  height: 450px;
  width: 100%;
}
.rowWrapper {
  height: 450px !important;
}
img.ladyImage {
  position: absolute;
  bottom: 0;
}

.row,
.col {
  padding: 0 !important;
  margin: 0 !important;
}

/* Base styles (for larger screens) */
@media screen and (max-width: 430px) and (min-width: 375px) {
  .SufraOrange {
    background-color: #e75e34;
    color: #fff;
    height: 580px;
    width: 100%;
  }
  .rowWrapper {
    height: 580px !important;
  }
  img.ladyImage {
    position: absolute;
    bottom: 0;
  }
  .start-earning {
    padding: 10px;
  }
  .app-download {
    position: absolute;
    bottom: 0;
  }
  .jcc {
    display: flex;
    justify-content: center !important;
  }
}