footer {
  display: none;
}

header {
  background: #fff;
  box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.15);
}

header.pc .headerTop {
  border-bottom: 1px solid rgba(131, 125, 125, 0.3);
  padding      : 6px 0;
}

header.pc .headerTop .--tel {
  color: #000;
}

header.pc .headerTop .--tel::after {
  border-bottom: 1px solid rgba(29, 29, 29, 0.6);
}

header.pc .headerTop .nice-select span {
  color: #000;
}

header.pc .headerTop .--listLogo img {
  filter: unset;
}

header.pc .headerBot {
  height: 70px;
}

header.pc .headerBot .--menu .--nameMenu {
  color: #000;
}

header.pc .headerBot .--menu .--itemMenu.--sub::after {
  color: #000;
}

header.pc .headerBot .--logo img {
  max-width : 60px;
  max-height: 60px;
}

header.pc .headerBot .btn-2 {
  font-size: 14px;
  height   : 40px;
}

header .--logo img.logo-white {
  display: none;
}

header .--logo img.logo-color {
  display: block !important;
}

@media (max-width: 769px) {
  header .nice-select span {
    color: #000;
  }

  header.mb .--listLogo img {
    filter: unset;
  }
}

.deposit {
  position: relative;
  height  : 100vh;
}

.deposit .--estimate {
  display                : flex;
  align-items            : center;
  border-radius          : 16px 16px 0px 0px;
  background             : #fff;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter        : blur(2px);
  padding                : 12px 20px;
  justify-content        : center;
  width                  : -moz-max-content;
  width                  : max-content;
  margin                 : 0 auto;
  position               : relative;
  overflow               : hidden;
  color                  : #000;
  transition             : all 0.3s ease;
}

.deposit .--estimate::after {
  color     : var(--color-1);
  content   : "";
  position  : absolute;
  width     : 100%;
  top       : 100%;
  left      : 0;
  height    : 100%;
  background: var(--color-1);
  transition: all 0.3s ease;
  z-index   : -1;
}

.deposit .--estimate .--txt {
  display    : flex;
  font-size  : 14px;
  align-items: center;
}

.deposit .--estimate:hover {
  color    : #fff;
  transform: scale(0.95);
}

.deposit .--estimate:hover i {
  background: #fff;
  color     : var(--color-1);
}

.deposit .--estimate:hover::after {
  top: 0;
}

.deposit .--estimate i {
  width          : 44px;
  height         : 44px;
  display        : flex;
  flex           : 0 0 auto;
  align-items    : center;
  justify-content: center;
  border-radius  : 50%;
  color          : #fff;
  margin-right   : 16px;
  background     : var(--color-1);
  transition     : all 0.3s ease;
}

.deposit .--estimate p {
  margin-bottom: 0;
}

.deposit .--estimate .--info {
  display  : flex;
  flex-flow: column;
}

.deposit .--estimate p {
  padding-right: 16px;
  margin-right : 16px;
  border-right : 1px solid #dcdcdc;
}

.deposit .--bg {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%;
  z-index : -1;
}

.deposit .--bg img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.deposit .--center {
  flex-grow      : 1;
  padding        : 32px;
  display        : flex;
  flex-flow      : column;
  justify-content: space-between;
  width          : calc(100% - 730px);
}

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

.deposit .--center .--listCar1 .--name {
  font-size  : 28px;
  font-weight: 600;
  line-height: 24px;
  text-align : center;
}

.deposit .--center .--listCar1 .slick-slide {
  width: 100%;
}

.deposit .--center .--listCar1 .slick-list {
  width: 100%;
}

.deposit .--center .--listCar1 .--img {
  width: 100%;
}

.deposit .--center .--listCar1 .--img img {
  width        : 100%;
  max-height   : calc(100vh - 370px);
  -o-object-fit: contain;
  object-fit   : contain;
}

.deposit .--center .--listCar1 ul {
  display      : flex;
  gap          : 24px;
  list-style   : none;
  padding-left : 0;
  margin-bottom: 0;
  font-size    : 14px;
}

.deposit .--center .--listCar1 ul li {
  flex      : 1;
  text-align: center;
}

.deposit .--center .--listCar1 ul span {
  font-size  : 32px;
  font-weight: 600;
}

.deposit .--left {
  width     : 330px;
  padding   : 24px 20px;
  background: #fff;
  display   : flex;
  flex-flow : column;
}

.deposit .--left article {
  font-size    : 14px;
  flex-grow    : 1;
  overflow-y   : auto;
  width        : calc(100% + 8px);
  padding-right: 8px;
}

.deposit .--left article::-webkit-scrollbar {
  width: 6px;
}

.deposit .--left article::-webkit-scrollbar-track {
  background   : #eee;
  border-radius: 8px;
}

.deposit .--left article::-webkit-scrollbar-thumb {
  background   : #888;
  border-radius: 8px;
}

.deposit .--left .--title {
  padding-bottom: 12px;
  border-bottom : 1px solid hsla(221, 30%, 15%, 0.16);
  margin-bottom : 20px;
  text-align    : center;
  font-weight   : 600;
}

.deposit .--content {
  display    : flex;
  height     : 100%;
  padding-top: 110px;
}

.deposit .--right {
  background             : rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter        : blur(15px);
  width                  : 400px;
  position               : relative;
  display                : flex;
  flex-flow              : column;
}

.deposit .--right .--content {
  display: flex;
}

.deposit .--right .--billingInfo {
  display        : flex;
  justify-content: space-between;
  border-bottom  : 1px solid #dcdcdc;
  margin-bottom  : 16px;
  padding        : 24px 24px 0 24px;
}

.deposit .--right .--billingInfo .--item {
  font-size     : 12px;
  gap           : 8px;
  display       : flex;
  color         : #fff;
  align-items   : center;
  padding-bottom: 8px;
}

.deposit .--right .--billingInfo .--item.active {
  color        : var(--color-1);
  border-bottom: 3px solid var(--color-1);
}

.deposit .--right .--billingInfo .--item.active span {
  background: var(--color-1);
}

.deposit .--right .--billingInfo .--item span {
  background     : rgba(59, 73, 101, 0.1);
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 20px;
  height         : 20px;
  border-radius  : 50%;
  flex           : 0 0 auto;
  color          : #fff;
}

.deposit .--right form {
  display  : flex;
  flex-flow: column;
  flex-grow: 1;
  height   : calc(100% - 72px);
}

.deposit .--right form .--scroll {
  overflow-y: auto;
}

.deposit .--right form .--scroll::-webkit-scrollbar {
  width: 6px;
}

.deposit .--right form .--scroll::-webkit-scrollbar-track {
  background   : #eee;
  border-radius: 8px;
}

.deposit .--right form .--scroll::-webkit-scrollbar-thumb {
  background   : #888;
  border-radius: 8px;
}

.deposit .--right .--notiInfo {
  margin-bottom: 32px;
}

.deposit .--right .--title {
  font-size    : 16px;
  font-weight  : 600;
  margin-bottom: 16px;
}

.deposit .--right .--payBank {
  overflow-y: auto;
}

.deposit .--right .--payBank .--title {
  font-size: 24px;
}

.deposit .--right .--payBank .--or {
  display       : flex;
  gap           : 12px;
  align-items   : center;
  text-transform: uppercase;
  margin        : 12px 0;
}

.deposit .--right .--payBank .--or .line {
  height    : 1px;
  background: #d1d1d1;
  flex      : 1;
}

.deposit .--right .--payBank .version.--versionQr .--title {
  margin-bottom: 12px;
}

.deposit .--right .--payBank .version.--versionQr img {
  width        : 250px;
  margin-bottom: 24px;
  height       : auto;
}

.deposit .--right .--payBank .version.--versionInfoOder {
  margin-bottom: 0;
}

.deposit .--right .--payBank .version.--versionInfoOder .--itemInfo:nth-child(2) .--item {
  flex-flow  : column;
  gap        : 0;
  align-items: flex-start;
}

.deposit .--right .--payBank .version.--versionInfoOder .--itemInfo:nth-child(2) .--item span:last-child {
  gap        : 4px;
  display    : flex;
  align-items: center;
}

.deposit .--right .--payBank .version.--versionInfoOder .--itemInfo:nth-child(2) .--item span .--coppy {
  border-radius: 8px;
  background   : #1b80dc;
  display      : flex;
  gap          : 6px;
  color        : #fff;
  cursor       : pointer;
  font-weight  : 400;
  padding      : 2px 6px;
}

.deposit .--right .--listTabContent {
  overflow-y: auto;
  padding   : 24px;
  flex-grow : 1;
}

.deposit .--right .--listTabContent::-webkit-scrollbar {
  width: 6px;
}

.deposit .--right .--listTabContent::-webkit-scrollbar-track {
  background   : #eee;
  border-radius: 8px;
}

.deposit .--right .--listTabContent::-webkit-scrollbar-thumb {
  background   : #888;
  border-radius: 8px;
}

.deposit .--right .--price {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  color          : #1c1c1c;
  margin-bottom  : 10px;
  padding-top    : 32px;
  border-top     : 1px solid #dcdcdc;
}

.deposit .--right .--price span:first-child {
  font-weight: 600;
}

.deposit .--right .--price span:last-child {
  font-weight   : 700;
  text-transform: uppercase;
}

.deposit .--right .--button {
  width     : 100%;
  padding   : 24px;
  background: #fff;
  display   : flex;
  flex-wrap : wrap;
  gap       : 8px;
}

.deposit .--right .--button .--priceBot {
  width          : 100%;
  justify-content: space-between;
  display        : flex;
  font-size      : 15px;
}

.deposit .--right .--button .--priceBot span:last-child {
  font-weight: 700;
}

.deposit .--right .--button .--btn {
  width                  : 44px;
  height                 : 44px;
  display                : flex;
  align-items            : center;
  justify-content        : center;
  border-radius          : 6px;
  background             : rgba(59, 73, 101, 0.1);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter        : blur(2px);
  cursor                 : pointer;
  flex                   : 0 0 auto;
}

.deposit .--right .--button .btn-2 {
  flex                   : 1;
  border-radius          : 6px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter        : blur(2px);
}

.deposit .--right .--note {
  margin-bottom: 10px;
}

.deposit .--right .form {
  margin-bottom: 32px;
}

.deposit .--right .version {
  margin-bottom: 32px;
  font-size    : 14px;
}

.deposit .--right .version .--listVersion {
  display  : flex;
  flex-flow: column;
  gap      : 10px;
}

.deposit .--right .version .--listVersion .--item {
  height         : 44px;
  padding        : 0 14px;
  border-radius  : 6px;
  background     : #fff;
  cursor         : pointer;
  display        : flex;
  justify-content: space-between;
  align-items    : center;
}

.deposit .--right .version .--listVersion .--item i {
  display: none;
}

.deposit .--right .version .--listVersion .--item.active {
  color     : var(--color-1);
  border    : 1px solid var(--color-1);
  background: rgba(27, 128, 220, 0.1);
}

.deposit .--right .version .--listVersion .--item.active i {
  display: block;
}

.deposit .--right .version.--versionColor .colorCar {
  margin-bottom: 16px;
}

.deposit .--right .version.--versionColor .colorCar:last-child {
  margin-bottom: 0;
}

.deposit .--right .version.--versionInfoOder .--listInfo {
  display  : flex;
  flex-flow: column;
  gap      : 24px;
}

.deposit .--right .version.--versionInfoOder .--name {
  border-radius: 6px;
  background   : #fff;
  padding      : 4px 0;
  text-align   : center;
  width        : 100%;
  font-weight  : 600;
  margin-bottom: 12px;
}

.deposit .--right .version.--versionInfoOder ul {
  display      : flex;
  flex-flow    : column;
  gap          : 12px;
  padding-left : 0;
  margin-bottom: 0;
  list-style   : none;
}

.deposit .--right .version.--versionInfoOder .--noteVat {
  font-size: 13px;
  color    : #999;
}

.deposit .--right .version.--versionInfoOder .--itemInfo {
  display  : flex;
  flex-flow: column;
}

.deposit .--right .version.--versionInfoOder .--item {
  display        : flex;
  justify-content: space-between;
  gap            : 8px;
  align-items    : center;
}

.deposit .--right .version.--versionInfoOder .--item span {
  color: #333;
}

.deposit .--right .version.--versionInfoOder .--item span:last-child {
  font-weight: 600;
}

.deposit .--right .version.--versionInfoOder .--map {
  margin : 0 0 0 auto;
  color  : var(--color-1);
  display: flex;
}

.deposit .--right .version.--versionInfoOder .--map::after {
  border-bottom: 1px solid var(--color-1);
}

.deposit .--right .version.--versionPay {
  margin-bottom: 0;
}

.deposit .--right .version.--versionPay .--listPay {
  display      : flex;
  flex-flow    : column;
  gap          : 8px;
  margin-bottom: 16px;
}

.deposit .--right .version.--versionPay .--item {
  flex         : 1;
  border       : 1px solid #e7e7e7;
  background   : #fff;
  display      : flex;
  flex-flow    : column;
  cursor       : pointer;
  position     : relative;
  border-radius: 6px;
  gap          : 4px;
  border       : 1px solid var(--color-1);
  background   : #fff;
  padding      : 12px 16px;
  box-shadow   : 0px 4px 30px 0px rgba(0, 0, 0, 0.05);
}

.deposit .--right .version.--versionPay .--item i {
  position : absolute;
  right    : 16px;
  top      : 50%;
  color    : var(--color-1);
  transform: translate(0, -50%);
  opacity  : 0;
}

.deposit .--right .version.--versionPay .--item.active span {
  text-align: left;
}

.deposit .--right .version.--versionPay .--item.active i {
  opacity: 1;
}

.deposit .--right .version.--versionPay .--item img {
  margin: 0;
  width : 48px;
}

.deposit .--right .version.--versionPay .form {
  margin-bottom: 0;
}

@media (min-width: 1279px) and (max-width: 1440px) {
  .deposit .--estimate i {
    width : 36px;
    height: 36px;
  }

  .deposit .--estimate p {
    padding-right: 0;
    margin-right : 0;
    border-right : none;
  }

  .deposit .--estimate .--info {
    display: none;
  }
}

@media (min-width: 1279px) and (max-width: 1439px) {
  .deposit .--center {
    padding: 32px 24px;
  }

  .deposit .--center .--estimate {
    font-size: 14px;
  }

  .deposit .--center .--listCar1 ul span {
    font-size  : 24px;
    font-weight: 600;
    line-height: 30px;
  }
}

@media (max-width: 769px) {
  .deposit .--content {
    padding-top: 65px;
  }

  .deposit .--left {
    width        : 100%;
    padding      : 20px;
    border-radius: 12px;
  }

  .deposit .--center {
    display: none;
  }

  .deposit .--listCar1 {
    display: none;
  }

  .deposit .--bg {
    display: none;
  }

  .deposit .--right {
    padding                : 0;
    background             : #f5f5f5;
    -webkit-backdrop-filter: unset;
    backdrop-filter        : unset;
    width                  : 100%;
    height                 : calc(100vh - 65px);
  }

  .deposit .--right .--infoMobi {
    padding: 0 20px 20px;
  }

  .deposit .--right .version {
    margin-bottom: 20px;
  }

  .deposit .--right form {
    flex-grow : 1;
    height    : auto;
    overflow-y: auto;
  }

  .deposit .--right .version.--versionInfoOder .--item span:last-child {
    text-align: right;
  }

  .deposit .--right .--listTabContent {
    padding: 20px;
  }

  .deposit .--right .scroll {
    height    : 100%;
    overflow-y: auto;
  }

  .deposit .--right .--billingInfo {
    padding      : 20px 20px 0 20px;
    margin-bottom: 0;
  }

  .deposit .--right .--billingInfo .--item {
    color: var(--color-2);
  }

  .deposit .--right .--estimate {
    display: none;
  }

  .deposit .--right .--button {
    padding: 20px;
  }

  .deposit .--right .--button .--estimate {
    font-size      : 14px;
    padding        : 0;
    align-items    : center;
    width          : 100%;
    border-bottom  : 2px solid #eee;
    display        : flex !important;
    padding-bottom : 12px;
    justify-content: flex-start;
  }

  .deposit .--right .--button .--estimate:hover i {
    background: var(--color-1);
    color     : #fff;
  }

  .deposit .--right .--button .--estimate .--txt {
    flex-flow  : column;
    align-items: flex-start;
  }

  .deposit .--right .--button .--estimate p {
    padding-right: 0;
    margin-right : 0;
    border-right : none;
    font-weight  : 600;
  }

  .deposit .--right .--button .--estimate:hover {
    transform: scale(1);
    color    : #000;
  }

  .deposit .--right .--button .--estimate::after {
    display: none;
  }

  .deposit .--right .--button .--priceBot {
    font-size: 14px;
  }

  .deposit .--right .--button .btn {
    font-size: 14px;
  }
}

.modalEstimates .modal-content {
  display  : flex;
  flex-flow: column;
  padding  : 30px;
}

.modalEstimates .close {
  position       : absolute;
  top            : 0;
  right          : 0;
  background     : transparent;
  border         : none;
  width          : 32px;
  height         : 32px;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.modalEstimates .nice-select {
  flex: 1;
}

.modalEstimates .modal-dialog {
  max-width: 1100px;
  width    : 100%;
}

.modalEstimates .--title {
  text-transform: uppercase;
  text-align    : center;
  font-weight   : 600;
  margin-bottom : 0;
  color         : #000;
}

.modalEstimates article {
  margin-bottom: 30px;
}

.modalEstimates .nav-pills {
  justify-content: center;
  margin-top     : 3rem;
  gap            : 1.5rem;
  margin-bottom  : 1rem;
}

.modalEstimates img {
  width : 100%;
  height: auto;
}

.modalEstimates .nav-link {
  background   : transparent;
  border       : none;
  padding      : 0;
  border-radius: 0;
}

.modalEstimates .nav-link.active {
  background: transparent;
}

.modalEstimates .nav-link.active .--title {
  color: var(--color-1);
}

.modalEstimates .--quality {
  border-radius: 6px;
  border       : 1px solid #dcdcdc;
  background   : #f5f5f5;
  box-shadow   : 0px 0px 60px 0px rgba(0, 0, 0, 0.03);
  padding      : 30px 24px;
}

.modalEstimates .--quality ul {
  display              : grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap             : 12px;
  list-style           : none;
  margin-bottom        : 20px;
  padding-left         : 0;
  margin-top           : 20px;
  line-height          : 1;
  padding-bottom       : 20px;
  border-bottom        : 1px solid #e1e1e1;
}

.modalEstimates .--quality ul span:last-child {
  font-weight: 600;
  flex       : 0 0 auto;
}

.modalEstimates .form {
  justify-content: space-between;
}

.modalEstimates .form .--name {
  font-weight: 600;
  width      : -moz-max-content;
  width      : max-content;
}

.modalEstimates .form .form-group {
  display    : flex;
  gap        : 10px;
  align-items: center;
}

.modalEstimates .form .form-group.w-50 {
  width: calc(50% - 16px) !important;
}

.modalEstimates .form .form-group input {
  flex: 1;
}

.modalEstimates .form .--listTime {
  flex       : 1;
  display    : flex;
  align-items: center;
  gap        : 8px;
}

.modalEstimates .form .--listTime .--item {
  flex           : 1;
  display        : flex;
  align-items    : center;
  justify-content: center;
  line-height    : 1;
  padding        : 10px;
  border-radius  : 6px;
  border         : 1px solid #dcdcdc;
  background     : #fff;
}

.modalEstimates .form .--listTime .--item.active {
  background: var(--color-1);
  color     : #fff;
}

@media (max-width: 640px) {
  .modalEstimates .modal-dialog {
    max-width: 100%;
    margin   : 0 auto;
  }

  .modalEstimates .modal-content {
    padding: 20px;
  }

  .modalEstimates .--title {
    font-size: 16px;
  }

  .modalEstimates .nav-pills {
    overflow-x     : auto;
    padding-bottom : 8px;
    width          : 100%;
    flex-wrap      : nowrap;
    justify-content: unset;
    gap            : 2rem;
  }

  .modalEstimates .nav-pills li {
    flex: 0 0 auto;
  }

  .modalEstimates .form {
    flex-flow: column;
    gap      : 6px;
  }

  .modalEstimates .form .--listTime {
    display              : grid;
    grid-template-columns: repeat(4, 1fr);
    width                : 100%;
  }

  .modalEstimates .form .form-group {
    flex-flow  : column;
    align-items: flex-start;
  }

  .modalEstimates .form .form-group.w-50 {
    width: 100% !important;
  }

  .modalEstimates .form .form-group input {
    flex: unset;
  }

  .modalEstimates .--quality ul {
    flex-flow: column;
    display  : flex;
  }

  .modalEstimates .--quality ul li {
    display        : flex;
    justify-content: space-between;
  }
}

.payConfirm {
  position   : relative;
  height     : 100vh;
  padding-top: 105px;
}

.payConfirm .--bg {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
  z-index : -1;
  height  : 100%;
}

.payConfirm .--bg img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.payConfirm .--car {
  position   : absolute;
  bottom     : 0;
  right      : 0;
  height     : calc(100vh - 105px);
  width      : 50%;
  display    : flex;
  align-items: center;
}

.payConfirm .--car img {
  width        : 100%;
  height       : auto;
  max-height   : 100%;
  -o-object-fit: contain;
  object-fit   : contain;
}

.payConfirm .--content {
  width                  : 50%;
  height                 : 100%;
  position               : relative;
  padding                : 0 70px 0 calc((100vw - 1270px) / 2);
  z-index                : 2;
  border-right           : 1px solid #fff;
  display                : flex;
  flex-flow              : column;
  justify-content        : center;
  background             : rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter        : blur(15px);
}

.payConfirm .--content .--icon {
  margin-bottom: 4px;
}

.payConfirm .--content .--icon img {
  width: 50px;
}

.payConfirm .--content .segTitle {
  margin-bottom: 32px;
  font-size    : 36px;
}

.payConfirm .--content .--name {
  font-size    : 24px;
  font-weight  : 600;
  margin-bottom: 12px;
}

.payConfirm .--content .--code {
  padding      : 8px 16px;
  border-radius: 6px;
  width        : -moz-max-content;
  width        : max-content;
  max-width    : 100%;
  font-weight  : 600;
  margin-bottom: 16px;
  background   : rgba(59, 73, 101, 0.08);
}

.payConfirm .--content article {
  margin-bottom: 24px;
}

.payConfirm .--content .--button {
  display: flex;
  gap    : 8px;
}

.payConfirm .--content .--button .btn {
  border-radius: 6px;
  padding      : 12px 24px;
}

@media (max-width: 1439px) {
  .payConfirm .--content {
    padding: 0 85px;
  }
}

@media (max-width: 769px) {
  .payConfirm {
    padding-top: 80px;
    overflow-y : auto;
  }

  .payConfirm::-webkit-scrollbar {
    width: 6px;
  }

  .payConfirm::-webkit-scrollbar-track {
    background   : #eee;
    border-radius: 8px;
  }

  .payConfirm::-webkit-scrollbar-thumb {
    background   : #888;
    border-radius: 8px;
  }

  .payConfirm .--bg {
    display: none;
  }

  .payConfirm .--car {
    display: none;
  }

  .payConfirm .--content {
    width  : 100%;
    height : -moz-max-content;
    height : max-content;
    padding: 40px 20px;
  }

  .payConfirm .--content .segTitle {
    font-size    : 24px;
    margin-bottom: 24px;
  }

  .payConfirm .--button {
    flex-flow: column;
  }
}

.cash {
  background : #f5f5f5;
  padding-top: 115px;
}

.cash .--content {
  padding: 80px 0;
}

.cash .--img {
  width: 100%;
}

.cash .--img img {
  width        : 100%;
  height       : auto;
  -o-object-fit: contain;
  object-fit   : contain;
}

.cash .segTitle {
  text-align   : center;
  margin-bottom: 44px;
}

.cash .form {
  gap: 20px;
}

.cash .--name {
  font-weight  : 600;
  font-size    : 18px;
  margin-bottom: 8px;
}

.cash .--price {
  font-weight: 600;
  font-size  : 16px;
}

.cash .--right {
  padding-left: 60px;
}

.cash .--table {
  padding      : 24px 32px;
  border-radius: 6px;
  background   : #fbfbfb;
  box-shadow   : 0px 0px 60px 0px rgba(0, 0, 0, 0.03);
  display      : flex;
  flex-flow    : column;
}

.cash .--table .--item {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
}

.cash .--table .nice-select {
  border-radius: 6px;
  border       : 1px solid #dcdcdc;
}

.cash .--table .form {
  width        : calc(100% + 20px);
  padding-right: 20px;
}

.cash .--table .form .form-group.check {
  flex-flow  : column;
  align-items: flex-start;
  gap        : 4px;
}

.cash .--table .form .form-group.check .--item {
  width: 100%;
}

.cash .--table .form .form-group.check .--name {
  margin-bottom: 0;
}

.cash .--table label {
  font-size: 16px;
}

.cash .--table .--total {
  font-size  : 16px;
  margin-top : 20px;
  padding-top: 20px;
  border-top : 1px solid #ddd;
  font-weight: 600;
}

.cash .--table .--total .--nameTotal {
  font-size: 16px;
}

.cash .--table .--total .--price {
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  font-size      : 26px;
}

.cash .--table .--total .--price span:first-child {
  font-weight: 700;
}

.cash .--table .--total .--price span:last-child {
  font-weight: 400;
}

.cash .--table .btn-2 {
  width        : 100%;
  border-radius: 6px;
  margin-top   : 20px;
}

.cash .--table .--note {
  margin-top: 20px;
}

@media (max-width: 769px) {
  .cash {
    padding-top: 65px;
  }

  .cash .--table {
    padding   : 16px 24px;
    height    : -moz-max-content;
    height    : max-content;
    max-height: 100%;
  }

  .cash .--table .form .form-group.check .--item:nth-child(n+2) {
    flex-flow     : column;
    align-items   : flex-start;
    border-bottom : 1px solid #eee;
    padding-bottom: 4px;
    margin-bottom : 4px;
  }

  .cash .--table .form .form-group.check .--item:nth-child(n+2) .form-check {
    width: 100%;
  }

  .cash .--table .form .form-group.check .--item:nth-child(n+2) .form-check label {
    flex: 1;
  }

  .cash .--table .form .form-group.check .--item:nth-child(n+2) .--price {
    padding-left: 1.5rem;
    width       : 100%;
  }

  .cash .--table .form .form-group.check .--item:last-child {
    border-bottom : none;
    padding-bottom: 0;
    margin-bottom : 0;
  }

  .cash .--content {
    padding: 60px 0;
  }

  .cash .container-fluid {
    height: 100%;
  }

  .cash .form {
    max-height: calc(100% - 210px);
    height    : -moz-max-content;
    height    : max-content;
  }

  .cash .--content {
    height         : 100%;
    display        : flex;
    flex-flow      : column;
    justify-content: center;
  }

  .cash .--img {
    display: none;
  }

  .cash .segTitle {
    font-size    : 28px;
    margin-bottom: 24px;
  }

  .cash .--right {
    padding-left: 0;
    max-height  : 100%;
  }
}

.payment {
  padding-top: 105px;
  background : #f5f5f5;
}

.payment .--img {
  width: 100%;
}

.payment .--img img {
  width : 100%;
  height: auto;
}

.payment .--content {
  padding: 80px 0;
}

.payment .--right {
  padding-left: 60px;
}

.payment .segTitle {
  text-align   : center;
  margin-bottom: 44px;
}

.payment .--table {
  padding      : 24px 32px;
  border-radius: 6px;
  background   : #fbfbfb;
  box-shadow   : 0px 0px 60px 0px rgba(0, 0, 0, 0.03);
  height       : 100%;
  display      : flex;
  flex-flow    : column;
}

.payment .form {
  gap: 20px;
}

.payment .form .form-group.w-50 {
  width: calc(50% - 10px) !important;
}

.payment .form .--name {
  font-size    : 16px;
  font-weight  : 600;
  margin-bottom: 8px;
}

.payment .form .--listTime {
  display              : grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap             : 8px;
}

.payment .form .--listTime .--item {
  border-radius: 6px;
  border       : 1px solid #dcdcdc;
  background   : #f5f5f5;
  padding      : 10px 0;
  line-height  : 1;
  text-align   : center;
  cursor       : pointer;
}

.payment .form .--listTime .--item.active {
  background: var(--color-1);
  border    : 1px solid var(--color-1);
  color     : #fff;
}

.payment .form .nice-select {
  border: 1px solid #f2f2f2;
}

.payment .form .--input {
  position: relative;
}

.payment .form .--input input {
  padding-right: 40px;
  border       : 1px solid #f2f2f2;
}

.payment .form .--input span {
  position      : absolute;
  top           : 50%;
  right         : 12px;
  transform     : translate(0, -50%);
  text-transform: uppercase;
}

.payment ul {
  list-style    : none;
  padding-left  : 0;
  margin-bottom : 20px;
  padding-bottom: 20px;
  margin-top    : 32px;
  border-bottom : 1px solid #eee;
}

.payment ul span:first-child {
  font-size: 16px;
}

.payment ul span:last-child {
  font-size  : 18px;
  font-weight: 600;
}

.payment ul li {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
}

.payment .btn-2 {
  margin-top   : 20px;
  border-radius: 6px;
}

@media (max-width: 769px) {
  .payment {
    padding-top: 80px;
  }

  .payment .segTitle {
    margin-bottom: 24px;
  }

  .payment .--img {
    display: none;
  }

  .payment .--right {
    padding-left: 0;
  }

  .payment .--table {
    padding: 30px 12px;
  }

  .payment .form .form-group.w-50 {
    width: 100% !important;
  }

  .payment .--content {
    padding: 60px 0;
  }

  .payment .row {
    flex-flow: column-reverse;
  }
}

/*# sourceMappingURL=deposit.css.map */