@import './core.min.css?ver=1.04';
@import './core-dark.min.css?ver=1.04';
@import './demo.css';
@import './responsive.bootstrap5.css';
@import './tabler-icons.css';
@import './theme-default.css';
@import './theme-default-dark.css';
@import './typeahead.css';
@import './front-page.css';
@import './front-page-landing.css?ver=1.51';
@import './swiper.css';

#app {
  background: #25293c !important;
}
body {
  font-size: 0.9rem !important;
  background: #25293c !important;
  font-family: 'Roboto', sans-serif !important;
}
.bg-body {
  background: #25293c !important;
}
.layout-wrapper {
  background-color: rgb(37, 41, 60) !important;
  /* margin-top: 85px !important; */
}
.layout-wrapper-mt-0 {
  background-color: rgb(37, 41, 60) !important;
  margin-top: 0px !important;
}

/* landing */

.li-hover:hover{
  background: #434968!important;
  border-radius: 10px;
  cursor: pointer;
}
.li-hover.active{
  background: #6a41dd !important;
  border-radius: 10px;
}
.li-hover:active{
  background: #434968!important;
  border-radius: 10px;
}
.li-hover{
  margin: 3px 0;
}
.landingHero-table{
  z-index: 999!important;
}
.card-banner {
  border-top-left-radius: 3.75rem;
  border-top-right-radius: 3.75rem;
  width: 100%; 
  height: auto !important;

}
.landing-hero .hero-text-box {
  max-width: 65rem !important;
}
.bg-image-ill{
  background-image: url(../img/line1-bg.png) ;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.bg-image-ill-2{
  background-image: url(../img/header.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.MuiContainer-root.MuiContainer-maxWidthLg.css-1rujksk-MuiContainer-root {
  max-width: 1395px !important;
}
.css-10nlykq {
  background-image: linear-gradient(
      195deg,
      rgba(73, 163, 241, 0.85),
      rgba(98, 73, 241, 0.683)
    ),
    url(/0e2e2a2123f810efcf053369f2a28384.jpg) !important;
}
.tr-comm:hover {
  background-color: #25293c;
}
.tr-comm .td-1 {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.tr-comm .td-3 {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* margin */

.menu-horizontal .menu-inner > .menu-item > .menu-sub {
  margin-top: 0.3rem !important;
}

/* header */

.pos-fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
}
.bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link {
  border-radius: 5px !important;
  background: linear-gradient(72.47deg, #6f65d6, rgba(104, 91, 237, 0.87));
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(115, 103, 240, 0.48);
}
.bg-menu-theme.menu-horizontal
  .menu-inner
  > .menu-item.active
  > .menu-link.menu-toggle {
  border-radius: 5px !important;
  background: linear-gradient(72.47deg, #6f65d6, rgba(104, 91, 237, 0.87));
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(115, 103, 240, 0.48);
}
.bg-menu-theme.menu-horizontal .menu-inner > .menu-item > .menu-link {
  border-radius: 7px !important;
}
.menu-horizontal .menu-sub {
  box-shadow: 0 0.1rem 1rem rgba(105, 104, 111, 0.28);
}
.bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle {
  background: #343756;
  color: #7367f0 !important;
}

/* footer */

.content-wrapper {
  background-color: rgb(37, 41, 60) !important;
}
.li-style {
  list-style: none;
  font-size: 16px;
  margin-bottom: 40px;
}

/* tabs */

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: rgba(59, 64, 89, 0.95) !important;
}
.nav-tabs .nav-link,
.nav-pills .nav-link {
  background-color: rgba(47, 51, 73, 0.95) !important;
}
.nav-tabs {
  background-color: rgba(47, 51, 73, 0.95) !important;
  border-bottom: 1px solid grey;
}
.nav-tabs .nav-link {
  color: #b6bee3 !important;
}
.nav-tabs .nav-link:hover {
  color: #a7a0f2 !important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #a7a0f2 !important;
}

/* card */

.card {
  background-color: #2f3349 !important;
}
.card.bg-transparent {
  background-color: transparent !important;
}
.border-info-card {
  border: 1px solid #6f65d6;
  border-radius: 10px;
  padding: 25px 0 15px 0;
}
.card-information {
  background-image: linear-gradient(
      195deg,
      rgba(73, 163, 241, 0.85),
      rgba(98, 73, 241, 0.683)
    ),
    url('../images/rotatingCardFront.jpg') !important;
  background-size: cover;
  min-height: 500px;
  border-radius: 10px;
}

/* table */

.MuiToolbar-root.MuiToolbar-gutters.MuiToolbar-regular.MuiTablePagination-toolbar {
  color: #b6bee3 !important;
}
.MuiDataGrid-columnHeader:focus,
.MuiDataGrid-cell:focus {
  outline: none !important;
  outline-color: none !important;
  outline-style: none !important;
  outline-width: none !important;
}
.card.mytable {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.tableheader {
  background-color: #3b3f58;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #7367f0;
}
.theme-title {
  color: #cfd3ec;
}
.mytable .css-rbcwai-MuiDataGrid-root {
  border: none !important;
}
.mytable .css-rbcwai-MuiDataGrid-root .MuiDataGrid-cell {
  border: none !important;
  color: #b6bee3 !important;
}
.mytable .css-rbcwai-MuiDataGrid-root .MuiDataGrid-columnHeader:focus,
.css-rbcwai-MuiDataGrid-root .MuiDataGrid-cell:focus {
  outline: none !important;
}
.mytable .MuiDataGrid-columnHeaderTitle {
  color: #b6bee3 !important;
  font-size: 15px;
  font-weight: 500;
}
.mytable .MuiSvgIcon-root {
  color: #eae7e7;
}
.mytable .css-f3jnds-MuiDataGrid-columnHeaders {
  border: none !important;
}
.mytable .css-17jjc08-MuiDataGrid-footerContainer {
  border: none !important;
}
.mytable div {
  border: none !important;
}
.MuiDataGrid-cell {
  border: none !important;
}
.MuiDataGrid-columnHeaders {
  border: none !important;
}
.MuiDataGrid-footerContainer {
  border: none !important;
}
.mytable .MuiDataGrid-virtualScroller {
  margin-top: 80px !important;
}
.mytable .MuiDataGrid-cellContent {
  color: #b6bee3 !important;
  font-size: 0.8125rem;
}
.css-rbcwai-MuiDataGrid-root .MuiDataGrid-row:hover,
.css-rbcwai-MuiDataGrid-root .MuiDataGrid-row.Mui-hovered {
  background-color: rgba(0, 0, 0, 0.16) !important;
  border-radius: 10px !important;
}
.MuiDataGrid-root .MuiDataGrid-row:hover,
.MuiDataGrid-root .MuiDataGrid-row.Mui-hovered {
  background-color: rgba(0, 0, 0, 0.16) !important;
  border-radius: 10px !important;
}
.css-1e7c2qr-MuiToolbar-root-MuiTablePagination-toolbar {
  color: #b6bee3 !important;
}
.MuiTablePagination-toolbar p {
  margin-bottom: 0;
}
.mytable .MuiDataGrid-footerContainer {
  margin-top: 30px;
}
.MuiSelect-select.MuiTablePagination-select {
  color: #b6bee3 !important;
  background-color: #6f65d6 !important;
  border-radius: 3px !important;
}
.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded {
  background-color: #25293c !important;
  max-height: 500px !important;
}
.MuiList-root .MuiButtonBase-root:hover {
  background-color: #2f3349 !important;
}
.MuiList-root .MuiButtonBase-root {
  background-color: #25293c !important;
}
.MuiDataGrid-columnSeparator.MuiDataGrid-columnSeparator--sideRight {
  display: none !important;
}
/* button */

.btn-label-info {
  background: #274c62 !important;
}
.btn-label-info:hover {
  background: #24586f !important;
}
.btn-label-success {
  background: #2e4b4f !important;
}
.btn-label-success:hover {
  background: #2d5752 !important;
}
.btn-label-warning {
  background: #504448 !important;
}
.btn-label-warning:hover {
  background: #614d48 !important;
}
.btn-outline-success:hover {
  background: #2e3f4c !important;
}
.bg-label-danger {
  background-color: #4d384b !important;
}
.bg-label-success {
  background-color: #2e4b4f !important;
}
.bg-label-warning {
  background-color: #504448 !important;
}
.btn-label-secondary {
  background-color: #424659 !important;
}
.btn-label-secondary:hover {
  background-color: #4c5061 !important;
}
.btn-outline-warning:hover {
  background-color: #403c49 !important;
}
.bg-label-info {
  background-color: #274c62 !important;
}
.btn-outline-danger:hover {
  background-color: #3e364a !important;
}
.btn-outline-secondary:hover {
  background-color: #393d51 !important;
}
.btn-outline-info:hover {
  background-color: #2b3f56 !important;
}
.bg-label-secondary {
  background-color: #424659 !important;
}
.hover-none-btn-outline-dark:hover {
  color: #d7d8de !important;
  border-color: #d7d8de !important;
  background: transparent !important;
}

/* input */

.MuiFormControl-root label {
  color: #6f65d6 !important;
}
.form-control {
  color: #b6bee3 !important;
  background-color: #2f3349 !important;
  background-clip: padding-box !important;
  border: 1px solid #434968 !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  margin: 10px !important;
}
.form-floating > label {
  color: rgba(240, 240, 240, 0.73) !important;
  margin-left: 10px;
}
.form-floating {
  margin: 0 10px;
}
/* .MuiOutlinedInput-notchedOutline {
    border-color: #434968!important;
} */
.MuiInputBase-input.MuiOutlinedInput-input {
  color: #fff !important;
}
.MuiOutlinedInput-root fieldset {
  border-color: #6f65d6;
  box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
}
.codeinput .code {
  border: 1px solid #6f65d6 !important;
  color: #fff !important;
  background: rgba(92, 90, 90, 0) !important;
}

/* alert */

.alert-warning {
  background-color: #504448 !important;
  border-color: #504448 !important;
  color: #ff9f43 !important;
}
.alert-info {
  background-color: #274c62 !important;
  border-color: #274c62 !important;
  color: #00cfe8 !important;
}

/* typography */

.text-muted {
  color: #b6bee3 !important;
}
.form-floating > label.text-primary-important {
  color: #7367f0 !important;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
}
.fm-roboto {
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
}
/* user */

.border-user {
  border-radius: 10px;
  border: 1px solid #b6bee3;
}

.link-profile:hover {
  color: #7367f0 !important;
  transition: all 0.3s ease;
}

/* chat */

.typing-text {
  background-color: rgba(47, 51, 73, 0.58);
  padding: 10px;
  border-radius: 6px;
}
.typing {
  color: rgba(182, 190, 227, 0.64) !important;
}
.chat_container {
  height: 480px !important;
  overflow-y: scroll !important;
}
.chat_container-mobile {
  height: 450px !important;
}
.comment-message-text {
  color: #fff;
  box-shadow: 0 0.125rem 0.25rem rgba(15, 20, 34, 0.4);
  background-color: #7367f0 !important;
  border-radius: 0.375rem;
  border-top-left-radius: 0 !important;
  padding: 0.75rem 1rem;
  margin: 10px 0 25px 20px;
}
.newChat {
  background-image: url('../images/bg-chat2.png');
  box-shadow: 0 0.25rem 1.25rem rgba(15, 20, 34, 0.4);
  border-radius: 10px !important;
  background-size: cover;
}
.btn-newchat {
  color: #333 !important;
}
.btn-newchat:hover {
  color: #535050 !important;
}
.chatArrow {
  width: 150px;
  opacity: 0.3;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1) rotate(220deg);
  position: relative;
  left: -20px;
}

/* modal */

.modal form label {
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px !important;
}
.modal {
  z-index: 6 !important;
}
.css-1v2jtma-MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper {
  max-height: 600px !important;
}
.css-1xj5j2r-MuiButtonBase-root-MuiMenuItem-root:hover,
.css-1xj5j2r-MuiButtonBase-root-MuiMenuItem-root:focus,
.css-1xj5j2r-MuiButtonBase-root-MuiMenuItem-root.Mui-selected,
.css-1xj5j2r-MuiButtonBase-root-MuiMenuItem-root.Mui-selected:hover,
.css-1xj5j2r-MuiButtonBase-root-MuiMenuItem-root.Mui-selected:focus {
  color: white !important;
}
.MuiList-root .MuiButtonBase-root:hover {
  background-color: #2f3349 !important;
}
.icon-arrow-modal {
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 110px;
  left: 332px;
  font-size: 30px;
  background-color: #fff;
  border-radius: 30px;
  color: #644396;
  vertical-align: middle;
  padding: 3px 2px 3px 5px;
  box-shadow: 0px 0px 25px #00000050;
}

/* login */

.form-check {
  padding-left: 0 !important;
}
input:autofill,
input:-webkit-autofill-strong-password,
input:-webkit-autofill-strong-password-viewable,
input:-webkit-autofill-and-obscured {
  -webkit-text-fill-color: #ffffff !important;
  transition: background-color 5000s ease-in-out 0s !important;
  background-color: #333 !important;
  box-shadow: 0 0 0 #fff !important;
  color: #fff !important;
}

/* snackbar */

.customeAlert {
  width: 300px;
  background: rgba(29, 27, 48, 0.68);
  padding: 15px 20px 20px;
  border-radius: 10px;
  margin-right: 20px;
}
.icon-snack {
  width: 14px;
  opacity: 0.7;
  margin-right: 5px;
  margin-bottom: 4px;
}
.snack-time {
  color: rgba(255, 255, 255, 0.7) !important;
  margin-left: auto;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
}
.snack-message {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.88);
  margin-bottom: 0px;
  font-weight: 600;
}
.snack-title {
  font-weight: 600;
  margin-bottom: 10px;
}

.fileDropzone {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  height: 300px;
  background-color: #333d55;
  border: 2px dashed #ffffff;
  text-align: center;
  border-radius: 10px;
}
.fileDropzone p {
  font-size: 14px;
}
.fileDropzone:hover {
  background-color: #1e232e;
  cursor: pointer;
}


.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

/* media */

.menu-mobile-display {
  display: none !important;
}
.display-none {
  display: none !important;
}
.border-bottom-none {
  border-bottom-left-radius: none !important;
  border-bottom-right-radius: none !important;
}

@media (max-width: 900px) {
  /* display */

  .media-display-block {
    display: block !important;
  }
  .menu-mobile-display {
    display: block !important;
  }
  .media-display-none {
    display: none !important;
  }
  .media-display-cont {
    display: contents !important;
  }
  .media-d-flex {
    display: flex !important;
  }
  .menu-horizontal {
    display: flex !important;
  }

  /* img */

  .logo-section {
    width: 200px !important;
  }
  .img-features {
    width: 150px !important;
  }

  /* margin */

  .media-m-1 {
    margin: 10px !important;
  }
  .media-mx-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .media-mx-1 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .media-mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .media-mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .media-my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .media-mt-0 {
    margin-top: 0px !important;
  }
  .media-mt-1 {
    margin-top: 10px !important;
  }
  .media-mt-4 {
    margin-top: 1.5rem !important;
  }
  .media-mb-1 {
    margin-bottom: 10px !important;
  }
  .media-mb-2 {
    margin-bottom: 20px !important;
  }
  .media-ms-auto {
    margin-left: auto !important;
  }
  .media-ms-0 {
    margin-left: 0px !important;
  }
  .media-ms-1 {
    margin-left: 10px !important;
  }
  .media-ms-2 {
    margin-left: 20px !important;
  }
  .media-ms-4 {
    margin-left: 40px !important;
  }
  .media-me-0 {
    margin-right: 0px !important;
  }
  .media-me-1 {
    margin-right: 10px !important;
  }

  /* padding */

  .media-p-0 {
    padding: 0px !important;
  }
  .media-p-1 {
    padding: 10px !important;
  }
  .media-p-2 {
    padding: 20px !important;
  }
  .media-p-3 {
    padding: 1rem !important;
  }
  .media-px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .media-px-1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .media-pt-0 {
    padding-top: 0px !important;
  }
  .media-pb-0 {
    padding-bottom: 0px !important;
  }
  .media-pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .media-pe-0 {
    padding-right: 0px !important;
  }

  /* font */

  .media-fs-30 {
    font-size: 30px !important;
  }
  .media-fs-20 {
    font-size: 20px !important;
  }
  .media-fs-17 {
    font-size: 17px !important;
  }
  .media-fs-14 {
    font-size: 14px !important;
  }
  .media-fs-12 {
    font-size: 12px !important;
  }
  .media-fs-10 {
    font-size: 10px !important;
  }
  .media-text-center {
    text-align: center !important;
  }
  .media-text-end {
    text-align: right !important;
  }
  .media-text-start {
    text-align: left !important;
  }

  /* input */

  .input-direction {
    width: 1em !important;
    height: 1em !important;
  }
  .custom-option-basic .custom-option-content {
    padding: 10px !important;
    padding-left: 2.77em !important;
  }
  .inputDeposit {
    min-width: 80px !important;
    margin-left: 6px !important;
    margin-bottom: 10px !important;
  }
  .inputWight {
    min-width: 140px !important;
  }
  .inputWight150 {
    min-width: 150px !important;
  }

  /* ******* */

  .landing-hero {
    padding-top: 100px !important;
    border-radius: 0 0 20px 20px;
    min-height: 550px !important;
  }
  .card-information {
    min-height: 190px !important;
  }
  .media-card-information {
    width: 250px !important;
  }
  .btn-media-sm {
    font-size: 15px !important;
    padding: 10px 20px !important;
  }
  .media-height-cup {
    max-height: 280px !important;
  }
  .text-nowrap {
    white-space: normal !important;
  }
  .app-chat .app-chat-contacts {
    position: static !important;
    width: 100% !important;
  }
}

.client-logo {
  opacity: 0.6;
}

.client-logo:hover {
  opacity: 1;
  transition: 0.2s ease;
}

.admin-bar .pos-fixed {
  top: 30px;
}

.exchange-table {
  width: 100%;
}

/* left side exchjange table */
.exchange-table .tbl_icon.active {
  color: #fff;
  background-color: #7367f0;
  border-color: #7367f0;
  box-shadow: 0px 2px 4px rgba(15, 20, 34, 0.4);
}

.exchange-table .tbl_icon {
  --bs-btn-border-radius: 0.25rem;
  padding: 0.175rem  0.75rem;
  font-size: 0.75rem;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50rem !important;
  color: #d7d8de;
  border-color: transparent;
  background: #484c5f;
  font-family: 'Roboto';
  transform: scale(1.001);
  letter-spacing: 0.43px;
}

.exchange-table .xtt_left_col_title, .xtt_left_incol_title {
  border-top: 1px solid #434968;
  border-radius: 0px;
  margin-bottom: 6px;
  border-bottom: 1px solid #434968;
  text-align: left;
  background: transparent;
  color: #FFFFFF;
  padding: 1rem;
  text-transform: initial;
}

.exchange-table .xtt_one_line_left {
  /* padding: 0.5rem !important; */
  background: transparent;
  border-top: none;
  border-bottom: 1px solid #434968;
  margin: 3px 0;
}

.exchange-table .js_item_left.active .xtt_one_line_left {
  background: transparent;
  background: #6a41dd !important;
  border-radius: 10px;
  color: #FFF;
}

.exchange-table .xtt_one_line_left:hover {
  background: #434968!important;
  border-radius: 10px;
  cursor: pointer;
  color: #FFFFFF;
}

.exchange-table .xtt_one_line_left:hover .bg-label-dark {
  background: #73768b !important;
  transition: 0.3s ease;
}

.exchange-table .xtt_one_line_name {
  font-weight: 500;
  color: #FFFFFF;
  font-family: 'Roboto';
  font-size: 0.9rem;
}

.exchange-table .js_item_left.active .xtt_one_line_name,
.exchange-table .js_item_left.active .xtt_one_line_curs,
.exchange-table .xtt_one_line_left:hover .xtt_one_line_name, 
.exchange-table .xtt_one_line_left:hover .xtt_one_line_curs {
  color: inherit;
}

.xtt_icon_wrap {
  padding-bottom: 20px;
}

/* right side exchange table */
.exchange-table .xtt_right_col_title, .exchange-table .xtt_right_incol_title {
  border-top: 1px solid #434968;
  border-radius: 0px;
  margin-bottom: 6px;
  border-bottom: 1px solid #434968;
  text-align: left;
  background: transparent;
  color: #FFFFFF;
  padding: 1rem;
  text-transform: initial;
}

.exchange-table .xtt_one_line_right {
  /* padding: 0.5rem !important; */
  background: transparent;
  border-top: none;
  border-bottom: 1px solid #434968;
  margin: 3px 0;
}

.exchange-table .js_item_right.active .xtt_one_line_right {
  background: transparent;
  background: #6a41dd !important;
  border-radius: 10px;
  color: #FFF;
}

.exchange-table .xtt_one_line_right:hover {
  background: #434968!important;
  border-radius: 10px;
  cursor: pointer;
  color: #FFFFFF;
}

.exchange-table .xtt_one_line_right:hover .bg-label-dark {
  background: #73768b !important;
  transition: 0.3s ease;
}

.exchange-table .js_item_right.active .xtt_one_line_name,
.exchange-table .js_item_right.active .xtt_one_line_curs,
.exchange-table .js_item_right.active .xtt_one_line_reserv,
.exchange-table .xtt_one_line_right:hover .xtt_one_line_name, 
.exchange-table .xtt_one_line_right:hover .xtt_one_line_curs,
.exchange-table .xtt_one_line_right:hover .xtt_one_line_reserv {
  color: inherit;
}

.exchange-table .xtt_one_line_curs_right, .exchange-table .xtt_one_line_reserv_right {
  border-left: none;
}

.exchange-table .xtt_one_line_reserv {
  color: white;
}

@media (min-width: 560px) {
  .xtt_table_title1 {
    padding: 0 0 0 0px;
  }

  .xtt_table_title2 {
    padding: 0 0 0 0px;
  }
}

.xtt_html_abs {
  background: rgba(80, 81, 89, 0.83) url(../img/loader2.gif) no-repeat center center;
  border-radius: 10px;
  background-size: 130px;
  opacity: 1;
}

.xchange_type_table {
  margin-bottom: 0px;
}

.fs-17 {
  font-size: 17px;
  line-height: 29px;
}

@media (max-width: 768px) {
  .mobile-overflow {
    overflow-x: hidden;
  }

  .exchange-table .xtt_one_line_name {
    font-size: 12px;
    text-align: left;
    padding-left: 4px;
  }
  .exchange-table .xtt_left_col_table .xtt_one_line_left .badge img, .exchange-table .xtt_right_col_table .xtt_one_line_right .badge img {
    width: 25px !important;
  }

  .exchange-table .xtt_left_col_title, .exchange-table .xtt_right_col_title {
    padding: 10px 0px;
  }
}

.log_div_wrap, .cf_div_wrap, .reg_div_wrap, .lp_div_wrap, .rf_div_wrap, .acf_div_wrap, .domacc_div_wrap, .checkstatus_div_wrap, .userverify_div_wrap {
  margin: 0;
}

.log_div_title, .cf_div_title, .reg_div_title, .lp_div_title, .rf_div_title, .acf_div_title, .domacc_div_title, .checkstatus_div_title, .userverify_div_title {
  color: #ffffff;
  background: #424659;
}

.log_div, .cf_div, .reg_div, .lp_div, .rf_div, .acf_div, .domacc_div, .checkstatus_div, .userverify_div {
  background: transparent;
  border-radius: none;
  padding: 30px;
}

.log_label, .cf_label, .reg_label, .lp_label, .rf_label, .acf_label, .checkstatus_label, .uv_label {
  font: 600 14px 'Roboto', sans-serif;
  color: #fff;
}

input[type=text], input[type=email], input[type=password],
textarea {
  display: block;
  width: 100%;
  padding: 0.422rem 0.875rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #b6bee3;
  background-color: #2f3349;
  background-clip: padding-box;
  border: 1px solid #434968;
  appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input[type=text]:hover:not([disabled]):not([focus]), 
input[type=email]:hover:not([disabled]):not([focus]), 
input[type=password]:hover:not([disabled]):not([focus]),
textarea:hover:not([disabled]):not([focus]) {
  border-color: #5e6692;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus {
  border-color: #7367f0 !important;
}

input[type=text]:disabled,
input[type=email]:disabled,
input[type=password]:disabled,
textarea:disabled {
  background-color: rgba(134, 146, 208, 0.08);
  opacity: 1;
  cursor: not-allowed;
}

input[type=submit] {
  color: #fff;
  background-color: #7367f0;
  border-color: #7367f0;
}

input[type=submit]:hover {
  color: #fff !important;
  background-color: #5246cc !important;
  border-color: #5246cc !important;
}

.user_widget_title, .register_widget_title, .login_widget_title, .checkstatus_widget_title,
.widget_reviews_div .widget_title {
  color: #ffffff;
  background: transparent;
}

.user_widget, .register_widget, .login_widget, .checkstatus_widget, .widget_reviews_div {
  background: transparent;
}

.user_widget_body ul li a {
  font: 14px 'Roboto', sans-serif;
  color: #FFFFFF;
}

.user_widget_body ul {
  padding: 0;
}

.user_widget_title, .register_widget_title, .login_widget_title, .checkstatus_widget_title,
.widget_reviews_div .widget_title, .widget_reviews_div {
  margin-bottom: 0;
}

select {
  display: block;
  width: 100%;
  padding: 0.422rem 2.45rem 0.422rem 0.875rem;
  -moz-padding-start: calc(0.875rem - 3px);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #b6bee3;
  background-color: #2f3349;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23b6bee3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='white' stroke-opacity='0.2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.875rem center;
  background-size: 22px 20px;
  border: 1px solid #434968;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

.userwallets_form, .statstablediv, .promopage {
  background: transparent;
}

.pntable_wrap {
  padding: 20px;
}

.pntable table th {
  color: #ffffff;
  background: #424659;
}

.pntable table td {
  background: #54586a;
  border-bottom: none;
}

.statuserdiv {
  background: #54586a;
  margin-left: 30px;
  margin-right: 30px;
}

.statuserdiv_title {
  color: #ffffff;
  background: #424659;
}

.promouserdiv {
  padding-left: 30px;
  padding-right: 30px;
}

.promo_topmenu li.current a, .promo_menu ul li.act a {
  color: #FFF;
}

.promo_menu ul li a {
  color: #c3c3c3;
}

.promopage {
  padding: 30px;
}

.paydiv {
  padding: 20px 50px;
  background: transparent;
}

.pntable_wrap {
  padding-left: 50px;
  padding-right: 50px;
}

input.captcha_divpole {
  width: 50px;
}

.page .card.page p, .page .card.page ul li {
  font-size: 16px;
  line-height: 27px;
}

.page .card.page ul {
  list-style: initial;
}

.page .card.page ul li {
  margin-bottom: 10px;
}

.xchange_data_title, .xchange_pers_title {
  background: transparent;
  color: #FFF;
  padding: 10px 20px 0px;
  margin: 0px -20px 5px;
}

.xchange_div {
  background: transparent;
}

.span_give_max, .span_get_max {
  color: #CED3EC;
  margin-bottom: 0px;
}

@media (min-width: 700px) {
  .xchange_sum_label {
    font: 600 14px/50px 'Roboto', sans-serif;
  }
  .xchange_sum_line {
    margin: 0 0 7px 0;
  }

  .mobile-m-30 {
    margin-top: -40px;
  }
}

.select_js_title {
  background: #424659;
  color: #FFF;
  font-family: 'Roboto';
  border-radius: 5px;
  height: 60px;
}

.iselect_js .select_js_title_ins {
  padding: 5px 30px 0 60px;
}

.iselect_js .select_ico {
  top: 10px;
}

input[type=search] {
  border: 1px solid #7367F0;
  background: #424659 url(../../images/search1.png) no-repeat 10px center;
  color: #ffffff;
}

.select_js_ul {
  background: #54586a;
  border: 1px solid #54586a;
}

.select_js_ulli {
  border-top: none;
}

.iselect_js .select_js_ulli {
  padding: 5px 10px 0 60px;
  height: 60px;
}

.select_js_ulli:hover, .select_js_ulli.active {
  background: #7367F0;
}

.xchange_data_div {
  padding-bottom: 0px;
}

.xchange_submit_div {
  padding: 20px 0px 10px 0px;
}

.landing-faq ol {
  list-style: decimal;
}

.block_statusbid_title {
  background: transparent;
  color: #FFF;
}

.block_statusbids {
  background: transparent;
}

.block_warning_merch {
  padding: 0;
  margin: 0px;
  margin-bottom: 10px;
  background: transparent;
  text-align: center;
}

.block_warning_merch p {
  margin-bottom: 0;
  font-size: 15px !important;
}

.block_paybutton {
  padding: 0;
}

.block_payinfo {
  font-size: 16px;
}

.block_persdata_line span, .block_xchdata_line span {
  font-weight: 700;
  display: block;
  padding: 0;
  font-family: 'Roboto';
  color: #FFF;
}

.block_statusbid_title {
  padding: 0;
  margin: 20px 10px;
  font-size: 15px;
}

.block_statusbids_ins .text ol {
  margin: 0px; 
  font-size: 15px;
  line-height: 28px;
}

.block_instruction_ins .text {
  margin-left: 10px;
}

@media (max-width: 768px) {
  .mobile-border-none {
    border-left: none !important;
  }

  html:not([dir=rtl]) .border-start.mobile-border-none {
    border-left: none !important;
  }

  .block_paybutton .block_paybutton_ins {
    text-align: center;
  }

  .block_paybutton .block_paybutton_ins .iam_pay_bids {
    float: none !important;
    margin-top: 15px;
  }
}

.single-post .page p, 
.single-post .page ul li, 
.single-post .page p span {
 color: #FFFFFF !important;
 font-size: 16px;
}

.single-post .page h1, 
.single-post .page h2, 
.single-post .page h3, 
.single-post .page h4, 
.single-post .page h5, 
.single-post .page h6 {
  color: #FFFFFF !important;
}

body.category .pagenavi span,
body.blog .pagenavi span {
  background: #685DD8;
}

body.category .pagenavi a, 
body.category .nav-previous a, 
body.category .nav-next a,
body.blog .pagenavi a, 
body.blog .nav-previous a, 
body.blog .nav-next a {
  color: #FFFFFF;
  background: transparent;
  border: 1px solid #7367f0;
  transition: 0.2s ease;
}

body.category .pagenavi a:hover, 
body.category .nav-previous a:hover, 
body.category .nav-next a:hover,
body.blog .pagenavi a:hover, 
body.blog .nav-previous a:hover, 
body.blog .nav-next a:hover {
  background: #7367f0;
  transition: 0.2s ease;
}

#exch_html .landing-features ol {
  list-style: decimal !important;
}

#exch_html .landing-features p, #exch_html .landing-features ol li {
  font-size: 15px;
  line-height: 27px;
}

.wclosearea {
  background: rgba(255, 0, 0, 0.33);
  box-shadow: none;
  margin-top: 91px;
}

.wclosearea .wclosearea_ins .wclosearea_text .wclosearea_text_ins {
  font-size: 15px;
  text-shadow: none;
  padding: 10px 30px;
}

.wclosearea_text_ins {
  background-position: 0 15px;
}

.wclosearea_hide {
  background-color: #FFF;
  top: 10px;
}

.xchange_data_left .js_choice_link {
  right: 15px !important;
  left: initial !important;
  background: url(../../images/choice2.png) no-repeat center center;
}

/* Partners Page Styles */
.partners-container {
  background: transparent;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* Hero Section */
.partners-hero {
  padding: 40px 0 60px;
}

.partners-icon-wrapper {
  position: relative;
}

.partners-icon {
  width: 100px;
  height: 100px;
  background: linear-gradient(145deg, rgba(115, 103, 240, 0.15), rgba(111, 101, 214, 0.25));
  backdrop-filter: blur(10px);
  border: 1px solid rgba(115, 103, 240, 0.2);
  border-radius: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  position: relative;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.partners-icon::before {
  content: '';
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, #7367f0, #6f65d6, #7367f0);
  border-radius: 32px;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.partners-icon:hover::before {
  opacity: 0.3;
}

.partners-icon:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(115, 103, 240, 0.3);
}

.partners-title {
  font-size: 3.5rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 24px;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.partners-subtitle {
  font-size: 1.25rem;
  color: rgba(182, 190, 227, 0.8);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Feature Cards */
.partners-feature-card {
  background: linear-gradient(145deg, rgba(47, 51, 73, 0.4), rgba(59, 64, 89, 0.2));
  backdrop-filter: blur(10px);
  border: 1px solid rgba(115, 103, 240, 0.15);
  border-radius: 24px;
  padding: 40px 32px;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.partners-feature-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(115, 103, 240, 0.5), transparent);
  transition: opacity 0.4s ease;
  opacity: 0;
}

.partners-feature-card:hover::before {
  opacity: 1;
}

.partners-feature-card:hover {
  transform: translateY(-8px);
  border-color: rgba(115, 103, 240, 0.3);
  box-shadow: 0 25px 50px rgba(15, 20, 34, 0.4);
}

.partners-feature-icon {
  width: 64px;
  height: 64px;
  background: linear-gradient(145deg, rgba(115, 103, 240, 0.2), rgba(111, 101, 214, 0.1));
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 24px;
  transition: all 0.3s ease;
}

.partners-feature-card:hover .partners-feature-icon {
  transform: scale(1.1);
  background: linear-gradient(145deg, rgba(115, 103, 240, 0.3), rgba(111, 101, 214, 0.2));
}

.partners-feature-card h3 {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 1.3;
}

.partners-feature-card p {
  color: rgba(182, 190, 227, 0.8);
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

/* Section Titles */
.partners-section-title {
  color: #ffffff;
  font-size: 2.5rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 0;
}

.partners-section-icon {
  font-size: 2rem;
}

/* Rewards Section - Apple Style Minimalism */
.partners-rewards-section {
  padding: 0 20px;
}

.partners-rewards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  max-width: 1130px;
  margin: 0 auto;
}

.reward-tier {
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  padding: 40px 32px;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
}

.reward-tier::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.reward-tier:hover::before {
  opacity: 1;
}

.reward-tier:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(115, 103, 240, 0.2);
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.15),
    0 0 0 1px rgba(115, 103, 240, 0.1);
}

.reward-amount {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
  margin-bottom: 12px;
  letter-spacing: 0.02em;
}

.reward-percentage {
  font-size: 3rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 8px;
  line-height: 1;
  letter-spacing: -0.02em;
}

.reward-label {
  font-size: 0.875rem;
  color: rgba(115, 103, 240, 0.8);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.reward-tier:nth-child(1) .reward-percentage {
  background: linear-gradient(135deg, #ff6b6b, #ffd93d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.reward-tier:nth-child(2) .reward-percentage {
  background: linear-gradient(135deg, #ffd93d, #ff9a3c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.reward-tier:nth-child(3) .reward-percentage {
  background: linear-gradient(135deg, #c7c7c7, #e8e8e8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.reward-tier:nth-child(4) .reward-percentage {
  background: linear-gradient(135deg, #7367f0, #6f65d6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Conditions */
.partners-conditions-section {
  padding: 0 20px;
}

.partners-condition-card {
  background: linear-gradient(145deg, rgba(47, 51, 73, 0.4), rgba(59, 64, 89, 0.2));
  backdrop-filter: blur(10px);
  border: 1px solid rgba(115, 103, 240, 0.15);
  border-radius: 20px;
  padding: 32px 28px;
  height: 100%;
  position: relative;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

.partners-condition-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #7367f0, transparent);
  transition: left 0.6s ease;
}

.partners-condition-card:hover::before {
  left: 100%;
}

.partners-condition-card:hover {
  transform: translateY(-5px);
  border-color: rgba(115, 103, 240, 0.3);
  box-shadow: 0 20px 40px rgba(15, 20, 34, 0.3);
}

.condition-number {
  width: 48px;
  height: 48px;
  background: linear-gradient(145deg, #7367f0, #6f65d6);
  color: #ffffff;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: 20px;
  box-shadow: 0 4px 15px rgba(115, 103, 240, 0.3);
  transition: all 0.3s ease;
}

.partners-condition-card:hover .condition-number {
  transform: scale(1.1) rotate(5deg);
}

.partners-condition-card p {
  color: rgba(182, 190, 227, 0.9);
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

/* CTA Section */
.partners-cta-section {
  padding: 0 20px;
}

.partners-cta-card {
  background: linear-gradient(145deg, rgba(115, 103, 240, 0.08), rgba(111, 101, 214, 0.12));
  backdrop-filter: blur(10px);
  border: 1px solid rgba(115, 103, 240, 0.2);
  border-radius: 32px;
  padding: 60px 40px;
  position: relative;
  overflow: hidden;
}

.partners-cta-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent 30%, rgba(115, 103, 240, 0.03) 50%, transparent 70%);
  animation: shine 8s infinite;
}

@keyframes shine {
  0% {
    transform: translateX(-100%) translateY(-100%) rotate(45deg);
  }
  50% {
    transform: translateX(100%) translateY(100%) rotate(45deg);
  }
  100% {
    transform: translateX(-100%) translateY(-100%) rotate(45deg);
  }
}

.partners-cta-icon {
  font-size: 3.5rem;
  margin-bottom: 24px;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.partners-cta-card h3 {
  color: #ffffff;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 32px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.partners-cta-button {
  display: inline-block;
  background: linear-gradient(135deg, #7367f0, #6f65d6);
  color: #ffffff;
  font-weight: 600;
  font-size: 1.1rem;
  padding: 16px 40px;
  border-radius: 16px;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 25px rgba(115, 103, 240, 0.3);
  position: relative;
  overflow: hidden;
}

.partners-cta-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s ease;
}

.partners-cta-button:hover::before {
  left: 100%;
}

.partners-cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgba(115, 103, 240, 0.4);
  color: #ffffff;
  text-decoration: none;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .partners-title {
    font-size: 2.5rem;
  }
  
  .partners-section-title {
    font-size: 2rem;
    flex-direction: column;
    gap: 8px;
  }
  
  .partners-feature-card,
  .partners-condition-card {
    padding: 24px 20px;
  }
  
  .partners-rewards-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .reward-tier {
    padding: 32px 24px;
  }
  
  .reward-percentage {
    font-size: 2.5rem;
  }
  
  .partners-cta-card {
    padding: 40px 24px;
  }
  
  .partners-cta-card h3 {
    font-size: 1.5rem;
  }
}

.notice_message { 
  background: #2b2b2b !important;
  border-radius: 23px !important;
  max-width: 1100px !important;
}

.block_status {
  background: transparent !important;
}

@media (min-width: 700px) {
    .xchange_pers_div {
        width: 550px !important;
    }
}