/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/postcss-loader/dist/cjs.js!./src/styles/section/reason.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
/*images*/
.reason {
  padding: 0.25rem 0 3.125rem;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .reason {
      padding: 2.25rem 0 3.125rem; } }
  .reason__bg {
    width: 20rem;
    position: absolute;
    right: 0;
    bottom: 4.625rem;
    z-index: 1; }
    @media only screen and (max-width: 991px) {
      .reason__bg {
        width: 9.375rem; } }
    @media only screen and (max-width: 767px) {
      .reason__bg {
        width: 12.125rem;
        bottom: 9.8125rem; } }
  .reason__head {
    max-width: 47.5rem;
    margin: 0 auto 3.375rem;
    position: relative; }
    @media only screen and (min-width: 992px) {
      .reason__head {
        left: -0.5625rem; } }
    @media only screen and (max-width: 767px) {
      .reason__head {
        margin: 0 auto 2.625rem;
        padding: 0 1rem; } }
    .reason__head .badge {
      margin-bottom: 2.875rem; }
      @media only screen and (max-width: 767px) {
        .reason__head .badge {
          margin-bottom: 1.9375rem; } }
  .reason .h2-title {
    font-family: 'Radikal';
    line-height: 1.03;
    letter-spacing: -0.07rem; }
    @media only screen and (max-width: 767px) {
      .reason .h2-title {
        letter-spacing: -0.05rem; } }
  .reason__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.8125rem; }
    @media only screen and (max-width: 767px) {
      .reason__wrapper {
        margin-bottom: 2.0625rem; } }
  .reason__inner {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding: 0 0.8125rem 1.5rem; }
    @media only screen and (max-width: 991px) {
      .reason__inner {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
    @media only screen and (max-width: 767px) {
      .reason__inner {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 1.25rem; } }
    .reason__inner:last-child {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66666%;
      flex: 0 0 66.66666%;
      max-width: 66.66666%; }
      @media only screen and (max-width: 991px) {
        .reason__inner:last-child {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; } }
      .reason__inner:last-child .reason-block {
        text-align: left; }
  @media only screen and (max-width: 767px) {
    .reason__footer .btn {
      padding: 0 0.375rem;
      width: 100%;
      text-align: center; } }

.bonus-block {
  font-family: "Raleway", sans-serif;
  border-radius: 1.5625rem;
  background: #F8F8FB;
  height: 100%;
  padding: 2.5rem 3.125rem 1.25rem;
  min-height: 18.875rem; }
  @media only screen and (max-width: 767px) {
    .bonus-block {
      padding: 2.625rem 1.125rem 5.875rem;
      position: relative; } }
  .bonus-block__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.5rem;
    z-index: 2; }
    @media only screen and (min-width: 768px) {
      .bonus-block__head {
        position: relative; } }
    @media only screen and (max-width: 767px) {
      .bonus-block__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 1.875rem; } }
  .bonus-block .h2-title {
    letter-spacing: normal;
    margin-bottom: 0.75rem; }
    @media only screen and (max-width: 767px) {
      .bonus-block .h2-title {
        font-size: 3.5rem; } }
  .bonus-block .h5-title {
    font-weight: 300;
    line-height: 1.4;
    /*text-transform: capitalize;*/
    max-width: 80%;
    margin-bottom: 1.75rem;
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 767px) {
      .bonus-block .h5-title {
        font-size: 1.75rem;
        margin-bottom: 0; } }
  .bonus-block .btn {
    padding: 1rem 1.1875rem; }
    @media only screen and (max-width: 767px) {
      .bonus-block .btn {
        position: relative;
        z-index: 5;
        padding: 1rem 0.75rem; } }
  .bonus-block .icon-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.75rem;
    position: relative;
    top: 0.375rem;
    margin-right: 0.6875rem; }
    @media only screen and (max-width: 767px) {
      .bonus-block .icon-wrapper {
        position: absolute;
        top: auto;
        left: 1.125rem;
        bottom: 1.875rem;
        z-index: 1; } }
  .bonus-block__icon {
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #EDEDED; }
    .bonus-block__icon.green {
      background-color: var(--color-green);
      border: 1px solid #F8F8FB;
      color: var(--color-white); }
      .bonus-block__icon.green .icon {
        width: 1.3125rem;
        height: 1.3125rem; }
    .bonus-block__icon .icon {
      width: 1.5rem;
      height: 1.5rem; }

.reason-block {
  font-family: "Raleway", sans-serif;
  border-radius: 1.5625rem;
  background: #F8F8FB;
  text-align: center;
  height: 100%;
  padding: 2rem 2.5rem 1.25rem;
  min-height: 18.875rem;
  -webkit-transition: .3s background-color;
  transition: .3s background-color; }
  @media only screen and (max-width: 767px) {
    .reason-block {
      padding-bottom: 2.125rem;
      min-height: 20.6875rem; } }
  @media only screen and (min-width: 992px) {
    .reason-block:hover {
      background-color: var(--color-green); } }
  @media only screen and (min-width: 992px) {
    .reason-block:hover .reason-block__media {
      border-color: var(--color-white); } }
  @media only screen and (min-width: 992px) {
    .reason-block:hover .reason-block__media .icon {
      color: #003034; } }
  @media only screen and (min-width: 992px) {
    .reason-block:hover .reason-block__media svg path {
      fill: #003034 !important; } }
  .reason-block__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 6.25rem;
    height: 6.25rem;
    border: 1px solid rgba(126, 132, 146, 0.16);
    border-radius: 50%;
    margin: 0 auto 1.25rem;
    -webkit-transition: .3s border-color;
    transition: .3s border-color; }
    .reason-block__media .icon {
      width: 2.25rem;
      height: 2.25rem;
      color: #7E8492;
      -webkit-transition: .3s color;
      transition: .3s color; }
    .reason-block__media svg {
      width: 2.25rem; }
      .reason-block__media svg path {
        fill: #7E8492;
        -webkit-transition: .3s fill;
        transition: .3s fill; }
  .reason-block .h5-title {
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    line-height: 1.08; }
    @media only screen and (max-width: 767px) {
      .reason-block .h5-title {
        font-size: 1.375rem;
        line-height: 1.18; } }
    .reason-block .h5-title strong {
      font-size: 1.75rem; }


/*# sourceMappingURL=section-reason.css.map*/