@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700&display=swap&subset=cyrillic);
@charset "UTF-8";
* {
  margin: 0;
  padding: 0; }

html,
body {
  overflow-x: hidden;
  height: 100%; }
  html #__next,
  body #__next {
    height: inherit;
    display: flex;
    flex-direction: column; }
  html svg,
  body svg {
    fill: 0; }

#submit_button {
  background-color: red !important; }

.deskNews img {
  display: none; }

iframe {
  background: transparent;
  margin: 0 auto;
  width: 100% !important;
  min-height: 350px !important;
  overflow-y: hidden !important; }

.MuiDialog-paperWidthSm {
  max-width: 600px;
  border: 3px solid #9e8a7b;
  border-radius: 10px;
  box-shadow: 0px 1px 20px 0px #e2cccc85; }

._loading_overlay_content {
  transform: translateY(-30px); }

._loading_overlay_wrapper--active {
  width: 100%;
  height: 100vh;
  background: #00ffff00;
  z-index: 20;
  position: fixed !important;
  top: 0; }

.spinner {
  position: absolute;
  top: 70%;
  left: 30%; }

.blackColor {
  color: black; }

.logo {
  padding: 0 !important; }

header.header {
  background-color: #fff !important;
  box-shadow: none !important;
  white-space: nowrap;
  padding-top: 1rem;
  padding-bottom: 2rem;
  height: 66px;
  overflow: hidden;
  /* Медиа */ }
  header.header .h-logo a {
    display: flex;
    text-decoration: none;
    font-family: 'Ubuntu', sans-serif; }
    header.header .h-logo a span:first-child {
      margin-left: 2px;
      font-size: 3em;
      font-weight: 800;
      color: black; }
    header.header .h-logo a span:last-child {
      margin-left: 2px;
      font-size: 3em;
      font-weight: 800;
      color: #2b9730; }
  header.header ul.h-menu {
    display: flex;
    list-style: none; }
    header.header ul.h-menu li {
      margin: 0 10px; }
      header.header ul.h-menu li a {
        padding: 10px;
        font-size: .9rem;
        text-decoration: none;
        color: #505662 !important; }
      header.header ul.h-menu li:first-child, header.header ul.h-menu li:nth-child(2) {
        background: linear-gradient(83.89deg, #f9791c, #ef950d);
        border-radius: 15px;
        color: #fff !important;
        font-size: 15px;
        padding: 6px 12px 5px;
        font-weight: bolder;
        transition: .2s ease-out; }
        header.header ul.h-menu li:first-child a, header.header ul.h-menu li:nth-child(2) a {
          color: #fff !important; }
      header.header ul.h-menu li:nth-child(3) {
        background: #53b645;
        padding: 6px 10px 5px;
        border-radius: 15px;
        font-weight: bolder; }
        header.header ul.h-menu li:nth-child(3) a {
          color: #fff !important; }
      header.header ul.h-menu li:nth-child(4) {
        background: transparent;
        padding: 6px 10px 5px;
        border: 1px solid #fff;
        background: #0056a8;
        border-radius: 15px;
        font-weight: bolder; }
        header.header ul.h-menu li:nth-child(4) a {
          color: #fff !important; }
  header.header .h-lang-swithcer {
    padding-right: 12px; }
    header.header .h-lang-swithcer span {
      display: block;
      position: relative;
      color: #8F97A0; }
    header.header .h-lang-swithcer span::after {
      content: '';
      display: block;
      position: absolute;
      top: 8px;
      right: -12px;
      background-image: url(/images/nav/arrow-down.svg);
      height: 6px;
      width: 9px;
      transition: .5s; }
    header.header .h-lang-swithcer:hover span::after {
      transform: rotateX(-180deg); }
    header.header .h-lang-swithcer:hover ul.submenu {
      display: flex;
      flex-direction: column;
      list-style: none; }
  header.header ul.submenu {
    display: none;
    position: absolute;
    transform: translateX(-10px);
    z-index: 3;
    background-color: #fff;
    text-align: left;
    padding: 10px; }
  header.header .h-phone {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding-left: 32px;
    padding-bottom: 2px;
    text-align: center;
    position: relative; }
    header.header .h-phone::after {
      position: absolute;
      left: 10px;
      bottom: -10px;
      content: '\417\433\456\434\43D\43E     \442\430\440\438\444\456\432     \432\430\448\43E\433\43E     \43E\43F\435\440\430\442\43E\440\430';
      width: 150px;
      font-size: 9.7px;
      color: #000; }
      @media (max-width: 991px) {
        header.header .h-phone::after {
          left: -9px; } }
    header.header .h-phone a {
      display: block;
      position: relative;
      text-decoration: none;
      font-size: 1.3rem;
      line-height: 1;
      color: #2b9730 !important;
      font-weight: 600; }
      header.header .h-phone a::before {
        content: '';
        position: absolute;
        margin-left: -24px;
        top: 2px;
        background-image: url(/images/nav/cell-phone.svg);
        height: 15px;
        width: 15px;
        float: left; }
    header.header .h-phone span {
      margin-left: auto;
      font-size: .8rem;
      color: #686868; }
  header.header button {
    background: #fff;
    border: 1px solid rgba(80, 86, 98, 0.6);
    box-sizing: border-box;
    border-radius: 30px;
    line-height: 1rem;
    font-size: 16px;
    padding: 3px 16px 3px 16px;
    color: #666666; }
  header.header button:hover {
    color: #2b9730; }
  header.header button.menuIcon {
    display: none;
    border: none;
    padding: 10px;
    margin: 0;
    min-width: 44px;
    width: 44px;
    height: 44px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    border-radius: 30px; }
  header.header .inclusive-menu-toggler {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: transparent;
    margin-right: 10px;
    line-height: 1px;
    border-radius: 5px;
    border: none;
    cursor: pointer; }
    header.header .inclusive-menu-toggler span {
      display: none;
      appearance: none; }
      @media (max-width: 991px) {
        header.header .inclusive-menu-toggler span {
          display: block;
          color: #000;
          font-size: 13px;
          line-height: 1.1;
          font-weight: 700; } }
    @media (max-width: 991px) {
      header.header .inclusive-menu-toggler {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 15px;
        gap: 12px;
        width: 100%;
        margin-bottom: 20px; } }
  header.header .inclusive-panel {
    display: none;
    background-color: #232526;
    height: 0;
    overflow: hidden;
    transform: translateY(0);
    transition: .1s linear all; }
  header.header .inclusive-panel-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
  header.header .inclusive-panel-toggles {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 9px; }
  header.header .inclusive-panel-toggles hr {
    height: 79.5px;
    width: 1px;
    border-radius: 3px;
    background: #7A8DA3;
    margin: 0;
    border: none; }
  header.header .inclusive-panel-colors {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center; }
  header.header .inclusive-panel-colors-title {
    font-weight: 700;
    font-size: 19px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
    margin-right: 25px; }
  header.header .inclusive-panel-colors-btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px; }
  header.header .inclusive-panel-colors-btns-item {
    background-color: transparent;
    width: 46px;
    height: 46px;
    border-radius: 10px;
    padding: 6px; }
  header.header .inclusive-panel-colors-btns-item-active {
    outline: 2px dashed #fff; }
  header.header .inclusive-panel-size {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap; }
  header.header .inclusive-panel-size-title {
    font-weight: 700;
    font-size: 19px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
    margin-right: 25px; }
  header.header .inclusive-panel-size-btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px; }
  header.header .inclusive-panel-size-btns-item {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    background-color: transparent;
    color: #fff;
    font-weight: 700;
    font-size: 19px;
    line-height: 100%;
    padding: 0 !important; }
  header.header .inclusive-panel-size-btns-item-active {
    outline: 2px dashed #fff; }
  header.header .inclusive-panel-pictures {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap; }
  header.header .inclusive-panel-pictures-title {
    font-weight: 700;
    font-size: 19px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
    margin-right: 23px; }
  header.header .inclusive-panel-pictures-toggle-toggler {
    position: relative;
    display: inline-block;
    width: 72px;
    height: 32px; }
  header.header .inclusive-panel-pictures-toggle-toggler-checkbox {
    opacity: 0;
    width: 0;
    height: 0; }
  header.header .inclusive-panel-pictures-toggle-toggler-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #7A8DA3;
    transition: .2s;
    border-radius: 34px; }
  header.header .inclusive-panel-pictures-toggle-toggler-slider::before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .2s;
    border-radius: 50%; }
  header.header .inclusive-panel-pictures-toggle-toggler-checkbox:checked + .inclusive-panel-pictures-toggle-toggler-slider {
    background-color: #004B9B; }
  header.header .inclusive-panel-pictures-toggle-toggler-checkbox:focus + .inclusive-panel-pictures-toggle-toggler-slider {
    box-shadow: 0 0 3px #2196F3; }
  header.header .inclusive-panel-pictures-toggle-toggler-checkbox:checked + .inclusive-panel-pictures-toggle-toggler-slider::before {
    transform: translateX(41px); }
  header.header .inclusive-panel-control {
    margin: 0 13px 0 13px;
    height: 100%;
    background-color: #7A8DA3;
    padding: 34px 27px 34px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 40px; }
  header.header .inclusive-panel-control-btn {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    gap: 7px;
    border: none; }
  header.header .inclusive-panel-control-btn span {
    font-weight: 700;
    font-size: 19px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff; }
  header.header .inclusive-panel-rozkrytta {
    user-select: none; }
  header.header .inclusive-panel-rozkrytta-player {
    background: transparent;
    color: #ffffff;
    width: 100%;
    max-width: 340px; }
  header.header .inclusive-panel-rozkrytta-player .controls {
    display: flex;
    align-items: flex-end;
    gap: 10px; }
  header.header .inclusive-panel-rozkrytta-player .progress {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap; }
  header.header .inclusive-panel-rozkrytta-player .progress-title {
    font-weight: 400;
    font-size: 15px;
    line-height: 110%;
    margin-bottom: 4px;
    padding-left: 3px; }
  header.header .inclusive-panel-rozkrytta-player .progress button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #ffffff;
    width: 24px;
    height: 24px; }
  header.header .inclusive-panel-rozkrytta-player .progress #icon-play,
  header.header .inclusive-panel-rozkrytta-player .progress #icon-play-mob {
    display: inline; }
  header.header .inclusive-panel-rozkrytta-player .progress #icon-pause,
  header.header .inclusive-panel-rozkrytta-player .progress #icon-pause-mob {
    display: none; }
  header.header .inclusive-panel-rozkrytta-player .progress-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 24px; }
    header.header .inclusive-panel-rozkrytta-player .progress-row button {
      padding: 0; }
  header.header .inclusive-panel-rozkrytta-player #current-time,
  header.header .inclusive-panel-rozkrytta-player #currunt-time-mob {
    min-width: 50px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-align: center; }
  header.header .inclusive-panel-rozkrytta-player .progress-container {
    flex: 1;
    height: 5px;
    background: #444;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    touch-action: none; }
  header.header .inclusive-panel-rozkrytta-player .progress-bar {
    height: 100%;
    background: #ffffff;
    width: 0%;
    border-radius: 4px; }
  header.header .inclusive-panel-rozkrytta-player .volume-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  header.header .inclusive-panel-rozkrytta-player .volume-icon {
    font-size: 20px; }
  header.header .inclusive-panel-rozkrytta-player #volume-label,
  header.header .inclusive-panel-rozkrytta-player #volume-label-mob {
    min-width: 40px; }
  header.header .inclusive-panel-rozkrytta-player .volume-bar-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    margin-bottom: 3px; }
  header.header .inclusive-panel-rozkrytta-player #volume-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%; }
  header.header .inclusive-panel-rozkrytta-player .volume-lines {
    display: flex;
    align-items: center;
    height: 24px; }
  header.header .inclusive-panel-rozkrytta-player .volume-bar-container {
    width: 60px;
    height: 5px;
    background: #5C5C5B;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    touch-action: none; }
  header.header .inclusive-panel-rozkrytta-player .volume-bar {
    height: 100%;
    background: #ffffff;
    width: 70%;
    border-radius: 3px; }
  header.header .inclusive-panel-open {
    height: 90px;
    width: 100%;
    display: block;
    margin-bottom: 1rem; }
  header.header .is-visible-on-mob {
    display: none; }
  header.header .inclusive-menu-toggler-desktop {
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: transparent;
    margin-right: 50px;
    line-height: 1px;
    border-radius: 5px; }
  header.header .inclusive-menu-toggler-desktop img {
    height: 24px;
    width: 24px; }
  header.header .inclusiver-burger-menu-toggler {
    padding: 21px;
    display: block;
    color: white;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    background-color: transparent;
    font-weight: 700;
    font-size: 19px;
    line-height: 100%;
    letter-spacing: 0%; }
  header.header .inclusiver-burger-menu-toggler img {
    margin-right: 11px; }
  header.header .inclusive-panel-mob {
    display: none; }
  @media (max-width: 991px) {
    header.header .inclusive-panel-container {
      flex-direction: column;
      width: 100%; }
    header.header .inclusive-panel-toggles {
      gap: 0;
      width: 100%;
      flex-direction: column; }
    header.header .inclusive-panel-toggles hr {
      width: 100%;
      height: 2px; }
    header.header .inclusive-panel-colors {
      padding: 9px 21px 8px;
      width: 100%;
      justify-content: space-between; }
    header.header .inclusive-panel-colors-btns {
      gap: 10px; }
    header.header .inclusive-panel-colors-btns-item {
      width: 38px;
      height: 38px;
      padding: 3px; }
    header.header .inclusive-panel-size {
      padding: 9px 21px 8px;
      width: 100%;
      justify-content: space-between; }
    header.header .inclusive-panel-size-btns {
      gap: 10px; }
    header.header .inclusive-panel-size-btns-item {
      width: 38px;
      height: 38px; }
    header.header .inclusive-panel-pictures {
      padding: 6px 21px 8px;
      width: 100%;
      justify-content: space-between; }
    header.header .inclusive-panel-control {
      padding: 13px 21px 12px 21px;
      margin: 0;
      width: 100%;
      justify-content: space-between; }
    header.header .inclusive-panel-rozkrytta {
      width: 100%; }
    header.header .inclusive-panel-rozkrytta-player {
      max-width: none; }
    header.header .inclusive-panel-rozkrytta-player .controls {
      justify-content: center;
      padding: 10px 15px;
      gap: 16px; }
    header.header .inclusive-panel-rozkrytta-player .progress {
      flex-grow: 1;
      align-items: flex-start; }
    header.header .progress-row {
      gap: 6px; }
    header.header .inclusive-panel-rozkrytta-player .volume-section {
      width: 67px; }
    header.header .inclusive-panel-open {
      height: 275px; }
    header.header .is-visible-on-mob {
      display: block; }
    header.header .inclusive-panel-mob {
      display: block; } }
  header.header .inclusive-panel-rozkrytta-player .controls .progress button img {
    width: inherit;
    height: inherit; }

.inclusiveOpen {
  height: 170px !important;
  padding-top: 0 !important; }
  @media (max-width: 991px) {
    .inclusiveOpen {
      height: 290px !important; } }

img.hide-image {
  display: none !important; }

footer {
  position: relative;
  margin-top: auto;
  background-color: #EEEFF3; }
  footer .MuiGrid-item ul {
    list-style: none; }
    footer .MuiGrid-item ul li {
      margin-bottom: 10px; }
      footer .MuiGrid-item ul li:last-child {
        margin-bottom: 0; }
      footer .MuiGrid-item ul li a {
        color: #636363;
        text-decoration: none; }
  footer .f-phone {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding-left: 32px; }
    footer .f-phone a {
      text-decoration: none;
      font-size: 1.4rem;
      line-height: 1.1;
      color: #232B33; }
    footer .f-phone span {
      padding-top: 6px;
      margin-left: auto;
      font-size: .6rem;
      color: #8F97A0; }
  footer hr {
    background-color: #5398D9 !important;
    margin: 20px auto !important;
    max-width: 1220px; }
  footer .f-copyright {
    font-size: .75rem;
    color: #636363; }
    footer .f-copyright span {
      padding-top: 6px; }

.top-slider {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  height: 37.5rem;
  margin-top: 4.175rem;
  margin-bottom: 6rem;
  background-color: #EEEFF3;
  border-radius: 30px; }
  .top-slider .MuiGrid-container {
    height: 100%; }
    .top-slider .MuiGrid-container .MuiGrid-item {
      position: relative;
      margin: 20px; }
      .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock {
        height: 100%;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        border-radius: 30px;
        padding: 50px 60px;
        padding-bottom: 35px; }
        .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock .mainHeadingCalc {
          font-size: 2.85em;
          font-weight: 400;
          line-height: 100%; }
          @media (max-width: 991px) {
            .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock .mainHeadingCalc {
              font-size: 2rem; } }
        .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock .cashSelectLabel,
        .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock .dateSelectLabel {
          margin-top: 26px; }
          .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock .cashSelectLabel span,
          .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock .dateSelectLabel span {
            display: block;
            margin-bottom: 10px; }
            .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock .cashSelectLabel span:first-child,
            .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock .dateSelectLabel span:first-child {
              font-size: 1rem;
              font-weight: 100; }
            .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock .cashSelectLabel span:last-child,
            .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock .dateSelectLabel span:last-child {
              display: flex;
              position: relative;
              line-height: 100%;
              font-size: 1.7rem;
              font-weight: 600; }
        .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock .cashSelectLabel span:last-child::after {
          content: '\433\440\43D.';
          display: block;
          font-size: 1.2rem;
          font-weight: 100;
          padding-left: 8px;
          margin-top: auto;
          transform: translateY(1.5px); }
        .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock .dateSelectLabel span:last-child::after {
          content: '\434\43D.';
          display: block;
          font-size: 1.2rem;
          font-weight: 100;
          padding-left: 8px;
          margin-top: auto;
          transform: translateY(1.5px); }
        .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock .cashSelect {
          margin-bottom: 2rem; }
        .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock .rules-exc {
          font-size: 12px;
          font-weight: 400;
          line-height: 14px;
          letter-spacing: 0;
          text-align: justify;
          padding: 35px 0 15px; }
          .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock .rules-exc .rules-exc-link {
            color: #2b9730;
            cursor: pointer;
            font-weight: 600;
            text-decoration: underline;
            text-transform: uppercase; }
        .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock .dateSelectValue {
          margin-top: 2.8rem;
          font-size: 1rem;
          font-weight: 100; }
  .top-slider .mainBg2 {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    width: 540px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 100%; }
  .top-slider .mainBg {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 35px;
    width: 476px; }

.rc-slider-handle {
  width: 24px;
  height: 24px;
  margin-top: -10px;
  border: solid 4px; }

.rc-slider-rail {
  height: 5px !important; }
  .rc-slider-rail:hover {
    border-color: #5398D9 !important; }

.rc-slider-track {
  height: 5px !important; }

.rc-slider-step {
  height: 5px !important; }

.rc-slider-mark {
  width: 93% !important;
  left: 50% !important;
  transform: translateX(-50%) !important; }
  @media (max-width: 991px) {
    .rc-slider-mark {
      width: 90% !important;
      transform: translateX(-51%) !important; } }
  .rc-slider-mark span {
    font-size: 0.875rem;
    color: #505662 !important; }

.creditBlock {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 3.5rem !important;
  margin-bottom: 7rem !important; }
  .creditBlock .creditItem {
    display: flex;
    padding: 8px; }
  .creditBlock .creditIcon {
    height: 78px;
    width: 89px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  .creditBlock .creditText {
    margin: auto 0;
    padding-left: 18px;
    font-size: .94rem;
    font-weight: 500;
    color: #232B33; }

.benefitBlock {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important; }
  .benefitBlock .benefitItem {
    display: flex;
    flex-direction: column;
    padding: 8px;
    margin-bottom: 3rem; }
  .benefitBlock .benefitIconBg {
    display: flex;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 1.5rem;
    background: #F5F6FA;
    border-radius: 60px; }
    .benefitBlock .benefitIconBg .benefitIcon {
      height: 60px;
      width: 55px;
      margin: auto;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
  .benefitBlock .benefitText {
    width: 50%;
    margin: auto;
    text-align: center;
    font-size: .94rem;
    font-weight: 500;
    color: #232B33; }

.example-appear {
  opacity: 0.01; }

.example-appear.example-appear-active {
  opacity: 1;
  transition: opacity .5s ease-in; }

.descriptionBlock {
  position: relative;
  height: 30rem; }
  .descriptionBlock .backgroundHand {
    height: 465px;
    width: 451px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transform: translate(-70px, 15px);
    background-size: 100% 100%; }
  .descriptionBlock .MuiContainer-root {
    height: 100%;
    display: flex; }
    .descriptionBlock .MuiContainer-root .deckTxtBlock {
      margin-top: 3rem;
      padding: 0 20px;
      background-color: #fff;
      max-height: 292px;
      overflow-y: scroll;
      text-align: justify; }
      .descriptionBlock .MuiContainer-root .deckTxtBlock h2 {
        text-align: left;
        margin-bottom: 1.5rem; }
      .descriptionBlock .MuiContainer-root .deckTxtBlock p {
        color: #232B33;
        margin-bottom: 1.5rem; }
        .descriptionBlock .MuiContainer-root .deckTxtBlock p:last-child {
          margin-bottom: 0; }

.userTable {
  margin-top: 6rem;
  margin-bottom: 4rem;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  /* width */
  /* Handle */ }
  .userTable .infoTableHeader {
    display: flex;
    border-radius: 30px 30px 0px 0px;
    background: #F0F3F8;
    padding: 1rem 3rem;
    color: #232B33; }
    .userTable .infoTableHeader .userIMG {
      min-width: 50px;
      height: 50px;
      margin: auto 0;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      margin-right: 15px !important; }
      .userTable .infoTableHeader .userIMG h4 .MuiTypography-h4 {
        font-size: 1.125rem;
        line-height: 1.17;
        padding-top: 1%; }
      .userTable .infoTableHeader .userIMG h6 {
        font-size: 1.1rem; }
    .userTable .infoTableHeader .userInfo {
      margin: auto 0; }
      .userTable .infoTableHeader .userInfo h4 {
        font-size: 1rem;
        font-weight: 100;
        letter-spacing: 0.03em;
        padding-bottom: .8rem; }
      .userTable .infoTableHeader .userInfo h6 {
        font-size: .875rem;
        font-weight: 300;
        line-height: 100%;
        letter-spacing: 0.05em;
        padding-bottom: 6px; }
        .userTable .infoTableHeader .userInfo h6:last-child {
          padding-bottom: 0; }
  .userTable .userInfoTable {
    padding: 3.5rem 3rem;
    position: relative;
    text-align: justify !important; }
    .userTable .userInfoTable .form-header {
      margin-bottom: 3rem; }
      .userTable .userInfoTable .form-header span {
        display: block;
        margin-top: 10px; }
    .userTable .userInfoTable .sliderInForm {
      position: relative; }
      .userTable .userInfoTable .sliderInForm .rc-slider {
        margin-bottom: 8rem; }
        .userTable .userInfoTable .sliderInForm .rc-slider:last-child {
          margin-bottom: 0; }
        .userTable .userInfoTable .sliderInForm .rc-slider .amountDots {
          white-space: nowrap; }
      .userTable .userInfoTable .sliderInForm .cashSelectInTable {
        margin-bottom: 10px; }
        .userTable .userInfoTable .sliderInForm .cashSelectInTable span {
          display: block; }
          .userTable .userInfoTable .sliderInForm .cashSelectInTable span:last-child {
            display: flex;
            position: relative;
            line-height: 100%;
            font-size: 1.7rem;
            font-weight: 600;
            margin-top: 5px; }
            .userTable .userInfoTable .sliderInForm .cashSelectInTable span:last-child::after {
              content: '\433\440\43D.';
              display: block;
              font-size: 1.2rem;
              font-weight: 100;
              padding-left: 8px;
              margin-top: auto;
              transform: translateY(1.5px); }
      .userTable .userInfoTable .sliderInForm .dateSelectInTable {
        position: absolute;
        left: 0;
        bottom: 24px;
        width: 100%; }
        .userTable .userInfoTable .sliderInForm .dateSelectInTable span:first-child {
          margin-bottom: 7px; }
        .userTable .userInfoTable .sliderInForm .dateSelectInTable span:last-child {
          display: flex;
          position: relative;
          line-height: 100%;
          font-size: 1.7rem;
          font-weight: 600;
          margin-top: 5px; }
          .userTable .userInfoTable .sliderInForm .dateSelectInTable span:last-child::after {
            content: '\434\43D.';
            display: block;
            font-size: 1.2rem;
            font-weight: 100;
            padding-left: 8px;
            margin-top: auto;
            transform: translateY(1.5px); }
    .userTable .userInfoTable .MuiFormControl-root,
    .userTable .userInfoTable .input {
      width: 100%;
      margin-bottom: 2.5rem;
      position: relative; }
    .userTable .userInfoTable .MuiOutlinedInput-root {
      background: #F8F9FA !important;
      border-radius: 15px !important; }
    .userTable .userInfoTable .MuiFormHelperText-contained {
      position: absolute;
      top: 100%; }
    .userTable .userInfoTable .smserrore {
      position: absolute;
      z-index: 5;
      transform: translateY(-30px);
      color: red; }
    .userTable .userInfoTable .sendAgain {
      display: block;
      color: #5398D9 !important;
      text-decoration: underline;
      cursor: pointer; }
      .userTable .userInfoTable .sendAgain:hover {
        color: #236aac !important; }
    .userTable .userInfoTable span.hrForAbsolute {
      display: block;
      margin-top: 8rem;
      margin-bottom: 4rem;
      border: none;
      height: 1px;
      flex-shrink: 0;
      background-color: rgba(0, 0, 0, 0.12); }
    .userTable .userInfoTable hr {
      margin-top: 4rem;
      margin-bottom: 4rem; }
    .userTable .userInfoTable .creditTable {
      border: 1px solid #D8E0F1;
      border-radius: 15px;
      overflow-x: auto; }
      .userTable .userInfoTable .creditTable table {
        text-align: center; }
        .userTable .userInfoTable .creditTable table tr:first-child {
          border-bottom: 1px solid #D8E0F1;
          font-weight: 500; }
          .userTable .userInfoTable .creditTable table tr:first-child td {
            font-weight: 500; }
        .userTable .userInfoTable .creditTable table tr:nth-child(2) td {
          color: #5398D9 !important; }
        .userTable .userInfoTable .creditTable table tr td {
          border-bottom: none;
          text-align: center;
          border-left: 1px solid #D8E0F1;
          padding: 20px !important;
          white-space: nowrap; }
          .userTable .userInfoTable .creditTable table tr td:first-child {
            text-align: left;
            border-left: none; }
    .userTable .userInfoTable .creditOverdueTable {
      border: 1px solid #D8E0F1;
      border-radius: 15px;
      overflow-x: auto; }
      .userTable .userInfoTable .creditOverdueTable table thead {
        background-color: #dfdfdf;
        border-bottom: 1px solid #D8E0F1; }
        .userTable .userInfoTable .creditOverdueTable table thead tr {
          font-weight: 500; }
          .userTable .userInfoTable .creditOverdueTable table thead tr th {
            border-left: 1px solid #D8E0F1;
            white-space: nowrap; }
            .userTable .userInfoTable .creditOverdueTable table thead tr th:first-child {
              border-left: none; }
      .userTable .userInfoTable .creditOverdueTable table tbody tr td {
        border-bottom: none;
        text-align: center;
        border-left: 1px solid #D8E0F1;
        padding: 20px !important;
        white-space: nowrap; }
        .userTable .userInfoTable .creditOverdueTable table tbody tr td:first-child {
          text-align: left;
          border-left: none; }
    .userTable .userInfoTable .overduePay button {
      min-width: fit-content;
      height: fit-content;
      margin-left: auto;
      font-size: 1rem; }
    .userTable .userInfoTable .getLoanContract {
      display: flex;
      flex-direction: column; }
      .userTable .userInfoTable .getLoanContract button:first-child {
        margin-right: auto; }
      .userTable .userInfoTable .getLoanContract button:last-child {
        margin-left: auto; }
    .userTable .userInfoTable .returnMoneyLabel {
      transform: translateY(-10em);
      width: 100%;
      font-weight: 300;
      font-size: 15px;
      line-height: 100%;
      letter-spacing: 0.03em;
      color: #505662 !important; }
    .userTable .userInfoTable .cardLabel {
      margin-bottom: 2rem; }
    .userTable .userInfoTable .select-card-number .MuiFormControl-root {
      padding-left: 50px; }
      .userTable .userInfoTable .select-card-number .MuiFormControl-root::before {
        content: '';
        position: absolute;
        top: 8px;
        left: 0;
        background-image: url(/images/user-table/card.svg);
        height: 23px;
        width: 35px; }
      .userTable .userInfoTable .select-card-number .MuiFormControl-root .MuiSelect-icon {
        color: rgba(255, 102, 0, 0.9);
        right: 10px; }
    .userTable .userInfoTable .getLoanContractBtnBlock {
      display: flex;
      flex-direction: column; }
      .userTable .userInfoTable .getLoanContractBtnBlock button {
        width: auto; }
        .userTable .userInfoTable .getLoanContractBtnBlock button:first-child {
          margin-right: 0;
          margin-bottom: 1.5rem; }
        .userTable .userInfoTable .getLoanContractBtnBlock button:last-child {
          margin-left: 0; }
      .userTable .userInfoTable .getLoanContractBtnBlock hr {
        display: none; }
    .userTable .userInfoTable .requestPaper {
      box-shadow: none !important;
      margin: 0 16px;
      padding: 0 16px; }
    .userTable .userInfoTable .requestPaper.long {
      box-shadow: none !important;
      margin: 0;
      padding: 30px;
      background: #F5F6FA;
      border-radius: 15px; }
      .userTable .userInfoTable .requestPaper.long .tableInOferta {
        overflow-x: auto; }
  .userTable .labelFix .MuiFormControl-root label {
    top: 15px;
    left: 14px;
    background-color: #fff;
    z-index: 5;
    padding: 0 5px; }
  .userTable .subscribe span {
    display: block;
    margin-bottom: .8rem;
    font-style: normal;
    font-weight: 300;
    font-size: .94rem;
    letter-spacing: 0.03em;
    color: #505662 !important; }
    .userTable .subscribe span:last-child {
      width: fit-content;
      margin-top: .5rem;
      margin-bottom: 0;
      margin-left: auto;
      text-align: right; }
  .userTable .subscribe canvas {
    border: 1px solid #e6e6e6;
    box-sizing: border-box; }
  .userTable .actionButtons {
    border-color: #ced4da;
    color: #696969; }
  .userTable .selfieTimer {
    text-align: center;
    font-size: 2rem;
    color: #5398d9; }
    .userTable .selfieTimer span {
      font-size: 16px;
      color: #9c9c9c;
      width: 100%;
      display: block;
      margin-top: 1px;
      margin-bottom: 17px; }
  .userTable .tableStatusEleven {
    width: 100%;
    height: auto;
    display: inline-table; }
    .userTable .tableStatusEleven td {
      text-align: left !important; }
  .userTable .subscribeCode {
    display: flex;
    flex-direction: column; }
    .userTable .subscribeCode .MuiFormControl-root {
      margin-bottom: 2rem !important; }
      .userTable .subscribeCode .MuiFormControl-root label {
        margin-left: 0;
        margin-right: auto; }
        .userTable .subscribeCode .MuiFormControl-root label .MuiInputBase-root {
          margin-right: auto; }
        .userTable .subscribeCode .MuiFormControl-root label span {
          display: block;
          margin-bottom: .8rem;
          font-style: normal;
          font-weight: 300;
          font-size: .94rem;
          letter-spacing: 0.03em;
          color: #505662 !important; }
    .userTable .subscribeCode .refuseButton {
      margin-right: auto;
      margin-top: 1.5rem; }
    .userTable .subscribeCode .btn-orange {
      margin: 0 !important;
      margin-top: 1.5rem !important;
      margin-right: 5rem; }
  .userTable ::-webkit-scrollbar {
    width: 10px; }
  .userTable ::-webkit-scrollbar-thumb {
    background: #505662 !important; }
  .userTable .registerMainInfo {
    display: flex;
    flex-wrap: wrap; }
    .userTable .registerMainInfo .double-form-check {
      width: 45%;
      margin-right: auto; }
      .userTable .registerMainInfo .double-form-check:last-child {
        margin-right: 0; }
  .userTable .accept-block {
    display: flex; }
    .userTable .accept-block .acceptIcon {
      display: flex;
      margin-right: 1rem; }
    .userTable .accept-block button {
      margin: 0;
      margin-left: auto;
      min-width: 140px; }

.photoBlock {
  display: flex;
  line-height: 100% !important; }
  .photoBlock .phBlBg {
    position: relative;
    margin: auto;
    padding: 20px;
    border-radius: 10px;
    background-image: url(/images/user-table/photoBorder.svg);
    background-size: 99%;
    background-position: center;
    background-repeat: no-repeat; }
    .photoBlock .phBlBg video {
      width: 256px;
      height: 192px;
      border-radius: 10px;
      background-color: #F0F3F8; }
    .photoBlock .phBlBg .clientPhoto {
      position: absolute;
      top: 20px;
      left: 20px;
      width: 256px;
      height: 192px; }
      .photoBlock .phBlBg .clientPhoto img {
        width: 257px;
        height: inherit;
        border-radius: 10px; }

.photoActions {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  margin-bottom: 2rem; }
  .photoActions button {
    position: relative;
    min-width: 105px;
    padding-top: 55px;
    margin: 0 2rem;
    border: none !important;
    background-color: transparent !important;
    outline: none;
    font-size: 1rem;
    letter-spacing: 0.03em;
    color: #232B33;
    opacity: 0.5;
    transition: .3s; }
    .photoActions button::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      transform: translateX(30px);
      background-repeat: no-repeat;
      background-position: center;
      height: 45px;
      width: 45px; }
    .photoActions button:first-child::after {
      background-image: url(/images/user-table/makePhoto.svg); }
    .photoActions button:last-child::after {
      background-image: url(/images/user-table/remakePhoto.svg); }
  .photoActions .getPhotoActive,
  .photoActions .retPhotoActive {
    opacity: 1;
    color: #FF6600; }

.photoAccept {
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 2rem; }
  .photoAccept span {
    display: block;
    position: absolute;
    left: 10%;
    top: 29%;
    margin: auto 0;
    margin-left: auto;
    color: #5398D9 !important;
    text-decoration: underline;
    cursor: pointer; }
    .photoAccept span:hover {
      color: #236aac !important; }

.data-validation {
  position: relative; }
  .data-validation .smserrore1 {
    position: absolute;
    z-index: 5;
    transform: translateY(-100px);
    color: red; }
  .data-validation .sms-code-form {
    display: flex;
    margin-top: 3rem;
    margin-bottom: 1rem; }
    .data-validation .sms-code-form .MuiFormControl-root.MuiFormControl-marginNormal {
      width: 18rem;
      margin-top: 0;
      margin-bottom: 0; }
    .data-validation .sms-code-form button.btn-orange {
      margin: 0;
      margin: auto 0;
      margin-left: auto; }

.MuiInputBase-root.Mui-disabled {
  color: rgba(74, 72, 72, 0.81) !important;
  cursor: default !important;
  font-weight: 700 !important; }

.MuiInputBase-input.Mui-disabled {
  opacity: 1;
  background: #f9f9f9 !important; }

.padding {
  padding-left: 24px;
  padding-right: 24px; }

.ofertCodeSeven {
  color: #333333;
  padding-left: 30px;
  padding-right: 30px;
  text-align: justify; }
  .ofertCodeSeven ul {
    margin-left: 35px;
    padding-top: 17px; }

.WithStyles\(ForwardRef\(TableCell\)\)-head-274 {
  color: black; }

.p-relative {
  position: relative; }

.h1 {
  font-size: 2.25rem;
  font-weight: 400;
  color: #232B33;
  line-height: normal;
  letter-spacing: 0.03em;
  text-align: center;
  font-family: Ubuntu, sans-serif; }

button.btn-orange,
.btn-orange {
  display: block;
  min-width: 250px;
  min-height: 50px;
  background: #2b9730;
  border-radius: 60px;
  outline: none;
  border: none;
  margin: auto;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.01em;
  color: #FFFFFF; }
  button.btn-orange:hover,
  .btn-orange:hover {
    border: none !important;
    background-color: #ff4700 !important; }

.input {
  width: 100%;
  padding: 18.5px 14px;
  background: #F8F9FA;
  border: 1px solid #D8E0F1;
  box-sizing: border-box;
  border-radius: 15px;
  outline: none; }

.testEleven {
  margin: 0 !important; }

.m-0 {
  margin: 0 !important; }

.mt-4 {
  margin-top: 4rem !important; }

.mt-5 {
  margin-top: 5rem !important; }

.mb-1 {
  margin-bottom: 1rem !important; }

.mb-2 {
  margin-bottom: 2rem !important; }

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto; }

.ml-auto {
  margin-left: auto !important; }

.mr-auto {
  margin-right: auto !important; }

.p-0 {
  padding: 0 !important; }

.text-left {
  text-align: left; }

.tableFinishTitle th {
  color: black; }

.titleColor {
  color: #ff7526; }

.textColor {
  color: #5f5d5d; }

.textCenter {
  text-align: center; }

@media (max-width: 1280px) {
  header.header .MuiGrid-container {
    position: relative;
    padding-right: 9rem; }
    header.header .MuiGrid-container button.menuIcon {
      display: block;
      position: absolute;
      top: 1px;
      right: 45px; }
  .top-slider .MuiGrid-container .MuiGrid-item .moneySliderBlock {
    position: absolute;
    z-index: 2; }
  .descriptionBlock {
    background-position: bottom left; }
  footer {
    position: relative; }
    footer hr {
      margin: 20px 32px !important; } }

@media (max-width: 960px) {
  .addCardsButtons {
    width: 100% !important; }
  .addCardBlockMain {
    padding: 2em !important;
    text-align: center; }
  #HeaderMenuButtons button {
    position: absolute !important;
    left: 2%;
    top: 3%; }
  .userTable .infoTableHeader .userIMG {
    display: none !important; }
  .cardBackButton {
    position: absolute;
    bottom: 41px;
    border: none;
    background: transparent;
    color: #5398d9;
    width: fit-content;
    font-size: 11px;
    margin-bottom: 2em !important;
    width: 100% !important;
    text-align: center !important;
    left: 0; }
  .LoginButton {
    position: absolute !important;
    left: 6%;
    top: 2%;
    border: none !important;
    width: 23px; }
    .LoginButton span svg:first-child {
      font-size: 2rem; }
    .LoginButton span span {
      display: none; }
  .h-logo {
    height: 70px;
    width: 53%;
    text-align: center;
    font-size: 11px;
    margin-right: -11px !important; }
  .menuIcon {
    position: absolute !important;
    right: 6% !important;
    top: 0% !important;
    box-shadow: none !important;
    border: none !important;
    width: 23px; }
    .menuIcon span svg:first-child {
      font-size: 2rem; }
    .menuIcon span span {
      display: none; }
  header.header .MuiGrid-container {
    flex-direction: column;
    padding-right: 16px !important; }
    header.header .MuiGrid-container .h-logo a span:first-child {
      height: 25px !important;
      width: 80px !important; }
    header.header .MuiGrid-container .h-logo a span:last-child {
      height: 23px !important;
      width: 67px !important; }
    header.header .MuiGrid-container ul.h-menu {
      flex-direction: column; }
      header.header .MuiGrid-container ul.h-menu li {
        text-align: center;
        margin-bottom: 1rem; }
        header.header .MuiGrid-container ul.h-menu li:first-child {
          margin-left: 10px; }
        header.header .MuiGrid-container ul.h-menu li:last-child {
          margin-right: 10px; }
    header.header .MuiGrid-container .h-lang-swithcer {
      position: absolute;
      right: 42px; }
    header.header .MuiGrid-container .h-phone {
      padding-left: 0; }
      header.header .MuiGrid-container .h-phone a::before {
        content: none; }
      header.header .MuiGrid-container .h-phone span {
        margin-left: 0;
        margin: auto; }
    header.header .MuiGrid-container button.btnInCab {
      position: absolute;
      left: 30px;
      top: 1px;
      min-width: 44px;
      min-height: 44px;
      width: 44px;
      height: 44px;
      border: none;
      text-indent: 0;
      background-image: url(/images/nav/inCab.svg);
      background-size: 100%;
      background-repeat: no-repeat; }
      header.header .MuiGrid-container button.btnInCab span {
        display: none; }
  header.header .MuiGrid-item:nth-child(1) {
    order: 0; }
  header.header .MuiGrid-item:nth-child(3) {
    order: 1; }
  header.header .MuiGrid-item:nth-child(4) {
    order: 3; }
  header.header .MuiGrid-item:nth-child(5) {
    order: -1;
    padding: 0; }
  .top-slider {
    height: inherit; }
    .top-slider .moneySliderBlock {
      position: relative !important;
      z-index: unset !important; }
      .top-slider .moneySliderBlock button {
        margin-top: 2rem; }
    .top-slider .mainBg {
      display: none; }
  .descriptionBlock {
    display: block;
    height: 65em; }
    .descriptionBlock .backgroundHand {
      transform: translate(-227px, 15px) rotate(14.89deg); }
    .descriptionBlock .deckTxtBlock {
      padding: 0;
      padding-right: 15px;
      background-color: #fff;
      margin-top: 0 !important;
      margin-bottom: 2rem; }
      .descriptionBlock .deckTxtBlock p a {
        color: #158e2f;
        text-decoration: underline; }
        .descriptionBlock .deckTxtBlock p a:visited {
          color: #158e2f; }
  .infoTableHeader {
    padding: 1rem 2rem !important; }
  .photoAccept span {
    left: 0; }
  .data-validation .smserrore1 {
    transform: translateY(-170px); }
  .data-validation .sms-code-form {
    flex-direction: column; }
    .data-validation .sms-code-form .MuiFormControl-root.MuiFormControl-marginNormal {
      width: 100%;
      margin-bottom: 1rem !important; }
    .data-validation .sms-code-form button.btn-orange {
      margin: 0;
      margin: auto 0;
      margin-left: auto; } }

@media (max-width: 600px) {
  .h1 {
    font-size: 1.8rem !important; }
  .padding {
    padding-left: 16px;
    padding-right: 16px; }
  .top-slider {
    background-color: #fff;
    margin-bottom: 2rem; }
    .top-slider .moneySliderBlock {
      padding: 0 !important; }
      .top-slider .moneySliderBlock h1 {
        font-size: 1.8rem !important;
        text-align: center; }
      .top-slider .moneySliderBlock button {
        width: 90%;
        margin-top: 3rem; }
  footer {
    position: relative;
    text-align: center; }
    footer .MuiGrid-item {
      margin-bottom: 1rem; }
      footer .MuiGrid-item:first-child {
        order: 1; }
      footer .MuiGrid-item:nth-child(2), footer .MuiGrid-item:nth-child(3) {
        display: none; }
      footer .MuiGrid-item:nth-child(4) .f-phone {
        padding-left: 0; }
      footer .MuiGrid-item:nth-child(4) span {
        margin-left: 0; }
    footer hr {
      margin: 20px 16px !important; }
  .creditBlock {
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 4rem !important; }
    .creditBlock .MuiGrid-item:last-child .creditItem {
      margin-bottom: 0; }
    .creditBlock .MuiGrid-item .creditItem {
      flex-direction: column;
      margin-bottom: 2rem; }
      .creditBlock .MuiGrid-item .creditItem .creditIcon {
        width: 100px;
        height: 100px;
        border-radius: 60px;
        background: #F5F6FA;
        background-repeat: no-repeat;
        background-size: 65%;
        background-position: center;
        margin: 0 auto; }
      .creditBlock .MuiGrid-item .creditItem .creditText {
        margin: 0 auto;
        padding: 0;
        padding-top: 25px; }
  button.btn-orange,
  .btn-orange {
    width: 100%; }
  .userInfoTable .sendAgain {
    order: -1;
    margin-right: auto;
    margin-bottom: 15px;
    transform: translateY(-10px); }
  .userInfoTable span.hrForAbsolute {
    margin-bottom: 3rem !important; }
  .userTable .userInfoTable .returnMoneyLabel {
    transform: translateY(-9em);
    text-align: justify !important; }
  .userInfoTable hr {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .MuiFormControl-root,
  .input {
    margin-bottom: 3rem !important; }
  .userButtonBlock {
    flex-direction: column; }
    .userButtonBlock .declineCredit {
      margin: 0 !important;
      margin-bottom: 2rem !important; }
  .getLoanContractBtnBlock hr {
    display: block !important;
    margin-bottom: 1rem !important; }
  .userTable .registerMainInfo .double-form-check {
    width: 100% !important;
    margin-right: 0; }
  .accept-block {
    flex-direction: column; }
    .accept-block .acceptIcon {
      margin-right: 0;
      margin-bottom: 2rem; }
  .photoBlock .phBlBg video {
    width: 189px;
    height: 142px; }
  .photoBlock .phBlBg .clientPhoto {
    width: 189px;
    height: 142px; }
    .photoBlock .phBlBg .clientPhoto img {
      width: 189.5px; }
  .photoActions button {
    margin: 0 auto; }
  .photoAccept {
    flex-direction: column; }
    .photoAccept span {
      display: block;
      position: inherit;
      margin: auto 0;
      margin-right: auto;
      margin-bottom: 1.5rem; } }

.main-block {
  text-align: justify; }
  .main-block h3,
  .main-block h1 {
    color: #2b9730;
    font-size: 2em;
    margin-top: 15px;
    margin-bottom: 15px; }
  .main-block h1 {
    text-align: center; }
  .main-block strong {
    font-size: large;
    color: #505050; }
  .main-block span {
    color: #2b9730;
    font-weight: bolder; }
  .main-block ul {
    margin-left: 7%; }
  .main-block p {
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px; }
  .main-block button {
    background: white;
    padding: 15px;
    border-radius: 26px;
    display: block;
    margin-top: 20px;
    margin-bottom: 24px;
    border: 1px solid #158e2f !important; }
    .main-block button a {
      color: #158e2f;
      text-decoration: blink;
      font-size: 16px; }

.infoTitle {
  font-size: large;
  color: #505050;
  border-left: 4px solid #2b9730;
  padding-left: 15px;
  margin: 35px 0 35px 0;
  display: block; }

.infoTitle span {
  font-weight: 300; }

.howgetlist {
  margin: 30px 0 30px 0; }

@media (max-width: 400px) {
  .userInfoTable {
    padding: 3.5rem 0.5rem !important; }
    .userInfoTable span.hrForAbsolute {
      margin-top: 11rem !important; }
  .userTable .userInfoTable .returnMoneyLabel {
    transform: translateY(-12em);
    text-align: justify !important; }
  .MuiFormControl-root,
  .input {
    margin-bottom: 3.7rem !important; }
  .MuiFormControl-root,
  .input {
    margin-bottom: 1.7rem !important; }
  .userInfoTable .sendAgain {
    margin: 11px auto; }
  .userIMG {
    display: none; }
  .userInfo {
    text-align: center; } }

.parthnerTextMainPage {
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  color: #282828aa;
  margin-top: 5px; }
  @media (max-width: 991px) {
    .parthnerTextMainPage {
      text-align: left; } }

.InfoTextList {
  padding-left: 14px !important; }

.InfoTextList li {
  padding-left: 10px !important; }

.infoLinkBtnRow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%; }

.infoLinkBtnRow a {
  display: block;
  padding: 13px 25px;
  color: #fff;
  background-color: #158e2f;
  border-radius: 25px;
  text-align: center;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.3px;
  text-decoration: none; }
  .infoLinkBtnRow a:visited {
    color: #fff;
    text-decoration: none; }

.infoDevider {
  border: none;
  outline: 0;
  width: 100%;
  height: 3px;
  background-color: #158e2f; }

/* footer */
.sg-app-footer {
  display: block;
  width: 100%;
  background-color: #2b9730; }

.sg-app-footer p {
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.2px;
  font-weight: 400;
  padding: 20px 15px 15px;
  margin: 0 auto;
  max-width: 600px;
  text-align: center; }

.sg-app-footer p a {
  color: #fff;
  text-decoration: underline;
  font-weight: 400; }

.sg-app-footer p a:visited {
  color: #fff; }

.sg-app-footer-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 22px;
  margin: 0 auto; }

.footer-link-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16.5px; }

.footer-link-item {
  cursor: pointer;
  background-color: #2b9730;
  border-radius: 10px;
  padding: 5px;
  box-shadow: 0 0 5px #ffffff40;
  outline: 1px solid #fff; }

.footer-sg-qoute {
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
  text-align: center;
  color: #ffffff; }

@media screen and (max-width: 991px) {
  .sg-app-footer-container {
    gap: 20px; }
  .sg-app-footer p {
    text-align: left; }
  .footer-sg-qoute {
    text-align: center !important; } }

.footer-social-icon {
  width: 25px;
  height: 25px;
  display: block;
  text-align: center;
  background-size: cover; }

.footer-social-fb {
  background-image: url(/images/footer_facebook.svg); }

.footer-social-inst {
  background-image: url(/images/footer_inst.svg); }

.footer-social-yt {
  background-image: url(/images/footer_yout.svg); }

.sg-app-upper-footer {
  padding: 15px 20px;
  background-color: #1a8f1f;
  box-shadow: 0 4px 6px #00056030; }
  @media (max-width: 991px) {
    .sg-app-upper-footer {
      padding: 15px; } }
  .sg-app-upper-footer ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    gap: 15px; }
    @media (max-width: 991px) {
      .sg-app-upper-footer ul {
        gap: 12px;
        justify-content: flex-start; } }
    .sg-app-upper-footer ul .top-nav__list-item {
      display: block;
      border: 1px solid #fff;
      border-radius: 6px;
      color: #fff;
      padding: 5px 12px;
      min-width: 80px;
      text-align: center; }
      .sg-app-upper-footer ul .top-nav__list-item:hover {
        box-shadow: 0 3px 3px #00000070; }
      .sg-app-upper-footer ul .top-nav__list-item:nth-last-child(1), .sg-app-upper-footer ul .top-nav__list-item:nth-last-child(2) {
        background: linear-gradient(89.24deg, #f9791c 0.64%, #ef950d 85.89%);
        padding: 5px 17px;
        max-width: 170px;
        white-space: nowrap;
        text-align: center;
        font-weight: 600;
        outline: none;
        font-size: 15px; }
      .sg-app-upper-footer ul .top-nav__list-item a {
        text-decoration: none;
        color: #fff;
        font-size: 14px; }
        .sg-app-upper-footer ul .top-nav__list-item a:visited {
          color: #fff; }
  @media (max-width: 991px) {
    .sg-app-upper-footer {
      padding: 10px 15px; } }

/* footer */
/* === MONOCHROME MODE — общие стили для всего, кроме панели и хедера === */
.inclusive-monochrome > *:not(.inclusive-panel):not(.inclusive-panel *):not(.header) {
  backdrop-filter: grayscale(100%) contrast(105%);
  filter: grayscale(100%) contrast(105%); }

.inclusive-monochrome img {
  backdrop-filter: grayscale(100%) contrast(101%);
  filter: grayscale(100%) contrast(101%); }

.inclusive-monochrome .noUi-handle {
  background: #000; }

.inclusive-monochrome .c-2-color {
  background: #b5b5b5; }

/* === MONOCHROME MODE — специфичные стили === */
.inclusive-monochrome .header .header__container,
.inclusive-monochrome .header .header__container *,
.inclusive-monochrome .mobile-menu__list-item {
  backdrop-filter: grayscale(100%);
  filter: grayscale(100%); }

.inclusive-monochrome .header,
.inclusive-monochrome .mobile-menu {
  background: #414141; }

.inclusive-monochrome .inclusive-mob-item,
.inclusive-monochrome .inclusive-mob-item * {
  filter: none !important;
  backdrop-filter: none !important; }

.inclusive-monochrome .inclusive-mob-item {
  border-bottom: none !important; }

.inclusive-monochrome .appDownloadLink p {
  color: #fff !important;
  z-index: 2; }

/* === DARK MODE (общие стили) === */
.inclusive-dark > *:not(.inclusive-panel):not(.inclusive-panel *):not(.header) {
  background: #000 !important;
  color: #fff !important;
  backdrop-filter: grayscale(100%) contrast(105%);
  filter: grayscale(100%) contrast(105%); }

.inclusive-dark img {
  backdrop-filter: grayscale(100%) contrast(101%);
  filter: grayscale(100%) contrast(101%); }

.inclusive-dark .content-wrap-main,
.inclusive-dark .bgpic *,
.inclusive-dark .bgpic,
.inclusive-dark .rulles-row,
.inclusive-dark .rulles-row *,
.inclusive-dark .rules-exc a {
  background: transparent !important; }

.inclusive-dark .bg-content,
.inclusive-dark .bg-content * {
  background: transparent !important; }

.inclusive-dark .rulles-cash .rules-exc,
.inclusive-dark .rules-exc p,
.inclusive-dark .rulles-button,
.inclusive-dark .noUi-connect {
  background: #fff !important; }

.inclusive-dark .rules-exc a {
  color: #000 !important; }

.inclusive-dark .tns-outer *::after,
.inclusive-dark .tns-outer *::before {
  background: transparent !important; }

.inclusive-dark .noUi-handle {
  background: #000 !important; }

.inclusive-dark .app-block-item {
  background: #fff !important; }

.inclusive-dark .app-block-item span,
.inclusive-dark .app-block-item a,
.inclusive-dark .app-block-item img,
.inclusive-dark .app-block-item picture {
  background: transparent !important; }

.inclusive-dark .inclusive-panel-pictures-toggle-toggler-slider {
  background: #fff !important; }

.inclusive-dark .inclusive-panel-pictures-toggle-toggler-slider::before {
  background: #000; }

.inclusive-dark .header .MuiGrid-container button.menuIcon, .inclusive-dark .header .MuiGrid-container button {
  background: #000 !important; }

.inclusive-dark .inclusive-panel-rozkrytta-player-bottom-row input[type=range],
.inclusive-dark .burger-menu span {
  background: #fff !important; }

.inclusive-dark .center-nav .loans-title,
.inclusive-dark .city-title {
  text-decoration: underline; }

.inclusive-dark .mobAppBlockContent-right,
.inclusive-dark .mobAppBlockContent-right * {
  background: transparent !important; }

.inclusive-dark .mobAppBlock {
  background: #000000 !important;
  color: #fff !important; }

.inclusive-dark .mobAppBlock p {
  color: #fff !important; }

.inclusive-dark .userFeedbacks .feedbackCard {
  background: #000 !important; }

/* === DARK MODE (header & navigation) === */
.inclusive-dark .header .header__container,
.inclusive-dark .header .header__container * {
  background: #000 !important;
  color: #fff !important; }

.inclusive-dark .header__container .burger-menu span {
  background: #fff !important; }

.inclusive-dark .header > *:not(.inclusive-panel):not(.inclusive-panel *) {
  background: #000 !important; }

.inclusive-dark .header {
  background: #000 !important; }

.inclusive-dark .blog-card-description,
.inclusive-dark .artical-description {
  color: #fff !important; }

.inclusive-dark .blog-card-description *,
.inclusive-dark .artical-description * {
  color: #fff !important; }

.inclusive-dark .blog-card-description a,
.inclusive-dark .blog-card-description p,
.inclusive-dark .blog-card-description li,
.inclusive-dark .blog-card-description span,
.inclusive-dark .blog-card-description b,
.inclusive-dark .blog-card-description td,
.inclusive-dark .blog-card-description h1,
.inclusive-dark .blog-card-description h2,
.inclusive-dark .blog-card-description h3,
.inclusive-dark .blog-card-description h4,
.inclusive-dark .blog-card-description h5,
.inclusive-dark .blog-card-description h6,
.inclusive-dark .artical-description a,
.inclusive-dark .artical-description p,
.inclusive-dark .artical-description li,
.inclusive-dark .artical-description span,
.inclusive-dark .artical-description b,
.inclusive-dark .artical-description td,
.inclusive-dark .artical-description h1,
.inclusive-dark .artical-description h2,
.inclusive-dark .artical-description h3,
.inclusive-dark .artical-description h4,
.inclusive-dark .artical-description h5,
.inclusive-dark .artical-description h6 {
  color: #fff !important;
  background-color: #000 !important; }

.inclusive-dark .blog-card-description a:visited,
.inclusive-dark .artical-description a:visited {
  color: #fff !important; }

.inclusive-dark .mobile-menu .mobile-menu__list-item {
  font-size: 19px;
  display: block;
  background: #000000;
  border-bottom: 1px solid #474747;
  position: relative; }

.inclusive-dark .mobile_app_info_text {
  color: #fff; }

.inclusive-dark h1 {
  color: #fff !important; }

.inclusive-dark .home-content a,
.inclusive-dark .home-content h2,
.inclusive-dark .home-content h3,
.inclusive-dark .home-content h4,
.inclusive-dark .home-content h5,
.inclusive-dark .home-content h6 {
  color: #fff !important; }

.inclusive-dark .nav__list-item:first-child a,
.inclusive-dark .nav__list-item:nth-child(2) a,
.inclusive-dark .header-button {
  border: 1px solid #fff; }

.inclusive-dark .appDownloadLink p {
  color: #fff !important;
  z-index: 2; }

.inclusive-dark .logo {
  backdrop-filter: contrast(102%) grayscale(100%);
  filter: contrast(102%) grayscale(100%); }

.inclusive-dark .mobile-menu__list-item a span {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #fff; }

.inclusive-dark .userFeedbacks h4 {
  color: #fff !important; }

.inclusive-dark .top-nav {
  background-color: #000 !important; }

.inclusive-dark .articles__list-item {
  outline: 2px solid #fff !important; }

.inclusive-dark .articles__list-item h2,
.inclusive-dark .articles__list-item div {
  color: #fff !important; }

.inclusive-dark .pagination .page-item {
  background-color: #000 !important;
  color: #fff !important;
  border: none !important; }

.inclusive-dark .pagination .active {
  text-decoration: underline; }

.inclusive-dark .app-block-item {
  background-color: #fff !important;
  outline: 2px solid #fff; }

.inclusive-dark .form-bg,
.inclusive-dark .contacts-wrap {
  background-color: #000 !important;
  box-shadow: #fff 0px 0px 1px; }

.inclusive-dark .form-group label {
  color: #fff !important; }

.inclusive-dark .breadcrumb-item {
  color: #fff !important; }

.inclusive-dark .breadcrumb-item a {
  color: #fff !important;
  text-decoration: underline !important; }

.inclusive-dark .checkbox label {
  color: #fff; }

.inclusive-dark .nav__list-item.active a {
  border-bottom: 1px dashed #fff; }

.inclusive-dark .check-map,
.inclusive-dark .check-branch {
  color: #fff !important; }

.inclusive-dark .content_bar,
.inclusive-dark .close-bar {
  color: #fff !important;
  background: #000 !important; }

.inclusive-dark #blink {
  animation: none !important;
  color: #fff !important; }

.inclusive-dark .nearest-branch {
  color: #fff !important; }

.inclusive-dark .city-drop__item {
  outline: 2px solid #fff !important; }

.inclusive-dark .city-drop__item .address,
.inclusive-dark .city-drop__item h2 {
  color: #fff !important; }

.inclusive-dark .global-section-wrap p,
.inclusive-dark .global-section-wrap li,
.inclusive-dark .global-section-wrap h1,
.inclusive-dark .global-section-wrap h2,
.inclusive-dark .global-section-wrap h3,
.inclusive-dark .global-section-wrap h4,
.inclusive-dark .global-section-wrap div {
  color: #fff !important; }

.inclusive-dark .global-section-wrap p a {
  text-decoration: underline !important;
  color: #fff !important; }

.inclusive-dark .faq-wrap h2 {
  color: #fff !important; }

.inclusive-dark .faq-wrap .faq-question span,
.inclusive-dark .faq-wrap .faq-question a {
  color: #fff !important; }

.inclusive-dark .content-static h1,
.inclusive-dark .content-static h2,
.inclusive-dark .content-static h3,
.inclusive-dark .content-static h4,
.inclusive-dark .content-static h5,
.inclusive-dark .content-static h6,
.inclusive-dark .content-static p,
.inclusive-dark .content-static li {
  color: #fff !important; }

.inclusive-dark .content-static a {
  color: #fff !important;
  text-decoration: underline !important; }

.inclusive-dark .footer {
  background: #000 !important; }

.inclusive-dark .blog-link {
  color: #fff !important; }

.inclusive-dark .site-map ul li a {
  color: #fff !important; }

.inclusive-dark .feedback-title h1 {
  color: #000000 !important; }

.inclusive-dark .top-slider {
  color: #000 !important; }

.inclusive-dark .deckTxtBlock * {
  color: #000 !important; }

.inclusive-dark .creditBlockQuotes * {
  color: #fff !important; }

.inclusive-dark .h-logo span:first-child {
  color: #fff !important; }

.inclusive-dark .inclusive-panel-pictures-toggle-toggler-slider::before {
  background: #000 !important; }

.inclusive-dark .header .h-phone::after {
  color: #fff !important; }

.inclusive-dark .inclusive-menu-toggler span {
  color: #fff !important; }

/* === Общие утилиты === */
.hide-background {
  background-image: none !important; }

.hide-before-after-image::before,
.hide-before-after-image::after {
  background-image: none !important; }

/* === Медиа-запросы === */
@media (max-width: 991px) {
  .inclusive-dark .tns-controls {
    display: none !important; } }