/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** 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/thanks.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
/*images*/
.thanks {
  position: relative;
  padding: 3.25rem 0 7rem;
  min-height: calc(100vh - 10.8125rem); }
  @media only screen and (max-width: 991px) {
    .thanks {
      min-height: calc(100vh - 5.8125rem); } }
  @media only screen and (max-width: 767px) {
    .thanks {
      min-height: auto;
      padding: 1.25rem 0 6.25rem;
      overflow: hidden; } }
  .thanks__bg {
    position: absolute;
    width: 36.375rem;
    right: 0;
    bottom: 0;
    z-index: 1; }
    @media only screen and (max-width: 991px) {
      .thanks__bg {
        width: 25rem; } }
    @media only screen and (max-width: 767px) {
      .thanks__bg {
        width: 13.9375rem;
        right: -1.125rem; } }
  .thanks .container {
    position: relative;
    z-index: 2; }
  .thanks__head {
    max-width: 51rem;
    position: relative; }
    .thanks__head .icon {
      color: var(--color-green);
      width: 2.125rem;
      height: 2.125rem;
      position: absolute;
      top: -2.125rem;
      right: 0; }
      @media only screen and (max-width: 767px) {
        .thanks__head .icon {
          display: none; } }
  .thanks .badge-wrapper {
    margin-bottom: 1rem; }
    @media only screen and (max-width: 767px) {
      .thanks .badge-wrapper {
        margin-bottom: 1.25rem; } }
  .thanks .h1-title {
    margin-bottom: 2.9375rem; }
    @media only screen and (max-width: 767px) {
      .thanks .h1-title {
        margin-bottom: 2.75rem;
        margin-left: -0.25rem; } }
    .thanks .h1-title strong {
      font-weight: 600; }
  .thanks .h4-title, .thanks .sm-text {
    max-width: 26.25rem; }
  .thanks .h4-title {
    margin-bottom: 0.625rem; }
    @media only screen and (max-width: 767px) {
      .thanks .h4-title {
        font-size: 1.75rem;
        line-height: 1;
        letter-spacing: -0.0175rem;
        margin-bottom: 0.5rem; } }
  .thanks .appointment-wrapper {
    margin-top: 3.125rem;
    margin-bottom: 2.875rem; }
    @media only screen and (max-width: 767px) {
      .thanks .appointment-wrapper {
        margin-top: 2.25rem;
        margin-bottom: 3rem;
        max-width: 13.125rem; } }
  @media only screen and (max-width: 767px) {
    .thanks .appointment {
      line-height: 1.2;
      margin-bottom: 0.75rem; } }
  @media only screen and (max-width: 767px) {
    .thanks .appointment .icon {
      top: 0; } }
  @media only screen and (max-width: 767px) {
    .thanks .btn {
      width: 100%; } }


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