.page-content.container-fluid{ max-width: 70% !important; }

.header3-sub-list{
  border-radius: 12px !important;
  overflow: hidden;
}
.header3-sub-list li a{
  padding: 12px 14px !important;
}

body.rok-user-panel {
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(0,0,0,.64), rgba(0,0,0,.82)),
    url("../images/rok/bg-rok.png") center top / cover fixed no-repeat,
    #070604;
  color: rgba(242, 231, 211, .86);
}

body.rok-user-panel .page-wrapper,
body.rok-user-panel .page-content--bgf7 {
  background: transparent !important;
}

body.rok-user-panel .header-desktop3,
body.rok-user-panel .header-mobile-2 .header-mobile__bar,
body.rok-user-panel .navbar-mobile {
  background: rgba(5, 4, 4, .94);
  border-bottom: 1px solid rgba(211, 151, 56, .22);
  box-shadow: 0 12px 34px rgba(0,0,0,.36);
}

body.rok-user-panel .header__logo img,
body.rok-user-panel .header-mobile-inner .logo img {
  height: 34px !important;
  max-width: 150px;
  object-fit: contain;
  filter: drop-shadow(0 0 12px rgba(218, 160, 67, .28));
}

body.rok-user-panel .header3-wrap .header__navbar ul li a,
body.rok-user-panel .navbar-mobile__list li a,
body.rok-user-panel .account-item > .content > a {
  color: rgba(234, 220, 195, .88);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.rok-user-panel .header3-wrap .header__navbar ul li a:hover,
body.rok-user-panel .navbar-mobile__list li a:hover,
body.rok-user-panel .account-item > .content > a:hover {
  color: #f1c66d;
}

body.rok-user-panel .bot-line {
  background: #d7a04a !important;
}

body.rok-user-panel .page-content.container-fluid {
  max-width: 1180px !important;
  padding-top: 34px !important;
}

body.rok-user-panel .title-5,
body.rok-user-panel h1,
body.rok-user-panel h2,
body.rok-user-panel h3,
body.rok-user-panel h4 {
  color: #f2eadb;
  font-family: Georgia, "Times New Roman", serif;
  text-transform: uppercase;
  letter-spacing: .04em;
}

body.rok-user-panel .text-muted,
body.rok-user-panel .copyright p {
  color: rgba(236, 224, 202, .66) !important;
}

body.rok-user-panel .table-responsive,
body.rok-user-panel .au-card,
body.rok-user-panel .card,
body.rok-user-panel .white-box {
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(31, 23, 13, .92), rgba(9, 7, 5, .92));
  border: 1px solid rgba(211, 151, 56, .22);
  box-shadow: 0 24px 54px rgba(0,0,0,.34);
}

body.rok-user-panel .table-data3 {
  color: #2f2618;
}

body.rok-user-panel .table-data3 thead {
  background: linear-gradient(180deg, #d9a852, #80501c);
}

body.rok-user-panel .table-data3 thead th {
  color: #130d05;
  border: 0;
}

body.rok-user-panel .table-data3 tbody tr {
  background: #fff;
}

body.rok-user-panel .table-data3 tbody td {
  color: #2f2618;
}

body.rok-user-panel .table-data3 tbody td.text-center {
  color: #8a6a3b !important;
}

body.rok-user-panel .process {
  color: #f0c96d !important;
}

body.rok-user-panel .denied {
  color: #ff8d70 !important;
}

body.rok-user-panel .account-dropdown,
body.rok-user-panel .header3-sub-list {
  background: #100c08;
  border: 1px solid rgba(211, 151, 56, .24);
  box-shadow: 0 22px 48px rgba(0,0,0,.44);
}

body.rok-user-panel .account-dropdown a,
body.rok-user-panel .account-dropdown .email,
body.rok-user-panel .account-dropdown .name a,
body.rok-user-panel .header3-sub-list li a {
  color: rgba(239, 226, 203, .86) !important;
}

body.rok-user-panel .account-dropdown a:hover,
body.rok-user-panel .header3-sub-list li a:hover {
  background: rgba(213, 154, 61, .12);
  color: #f4c96d !important;
}

body.rok-user-panel .copyright {
  border-top: 1px solid rgba(211, 151, 56, .15);
}

body.rok-user-panel .page-content--bge5 {
  background: transparent !important;
}

body.rok-user-panel .page-content--bge5 .container {
  max-width: 620px;
}

body.rok-user-panel .page-content--bge5 .login-wrap {
  width: 100%;
  max-width: none;
  padding: 44px 0 34px;
}

body.rok-user-panel .page-content--bge5 .login-content {
  display: grid;
  grid-template-columns: minmax(320px, 520px);
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(211, 151, 56, .24);
  background: linear-gradient(180deg, rgba(31, 23, 13, .9), rgba(8, 6, 4, .94));
  box-shadow: 0 26px 58px rgba(0,0,0,.42);
}

body.rok-user-panel .page-content--bge5 .login-logo {
  padding: 38px 46px 0;
  margin: 0;
  text-align: center;
}

body.rok-user-panel .page-content--bge5 .login-logo img {
  width: min(300px, 86%);
  max-height: 160px;
  object-fit: contain;
  filter: drop-shadow(0 18px 32px rgba(0,0,0,.72)) drop-shadow(0 0 18px rgba(213, 152, 59, .28));
}

body.rok-user-panel .page-content--bge5 .login-form {
  padding: 22px 50px 42px;
  color: rgba(238, 226, 204, .78);
}

body.rok-user-panel .page-content--bge5 .login-form form,
body.rok-user-panel .page-content--bge5 .login-form > center,
body.rok-user-panel .page-content--bge5 .login-form .alert {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

body.rok-user-panel .page-content--bge5 .login-form h3 {
  color: #f3ead9;
  font-family: Georgia, "Times New Roman", serif;
  text-transform: uppercase;
  letter-spacing: .04em;
}

body.rok-user-panel .page-content--bge5 .login-form label,
body.rok-user-panel .page-content--bge5 .login-form p {
  color: rgba(241, 225, 195, .82);
}

body.rok-user-panel .page-content--bge5 .au-input {
  height: 48px;
  border-radius: 2px;
  color: #f4ead8;
  background: rgba(0,0,0,.32);
  border: 1px solid rgba(211, 151, 56, .22);
}

body.rok-user-panel .page-content--bge5 .au-input:focus {
  color: #fff;
  background: rgba(0,0,0,.44);
  border-color: rgba(236, 188, 92, .72);
  box-shadow: 0 0 0 3px rgba(210, 151, 56, .14);
}

body.rok-user-panel .page-content--bge5 .au-btn--green,
body.rok-user-panel .page-content--bge5 .btn-primary {
  min-height: 48px;
  border-radius: 2px;
  color: #130d05 !important;
  background: linear-gradient(180deg, #ffdc7b 0%, #c1842f 55%, #7a4214 100%) !important;
  border: 1px solid #e5b85f !important;
  box-shadow: 0 12px 30px rgba(184, 113, 28, .28), inset 0 1px 0 rgba(255,255,255,.45);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.rok-user-panel .promo-section-title {
  color: #efc56d !important;
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-shadow: 0 5px 18px rgba(0,0,0,.55);
}

body.rok-user-panel .promo-section-subtitle {
  color: rgba(238, 226, 204, .78) !important;
}

body.rok-user-panel .donation-package-card {
  border-color: rgba(211, 151, 56, .28) !important;
  background: linear-gradient(180deg, rgba(31, 23, 13, .9), rgba(8, 6, 4, .94)) !important;
}

body.rok-user-panel .donation-package-card.promo-card {
  max-width: 410px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
}

body.rok-user-panel .donation-package-card.promo-card .card-body {
  padding: 22px 24px 26px;
}

body.rok-user-panel .donation-package-card.promo-card .card-body > p:first-of-type {
  margin-bottom: 12px !important;
}

body.rok-user-panel .donation-package-card.promo-card img.img-fluid {
  width: 100%;
  max-height: 150px;
  object-fit: contain;
}

body.rok-user-panel .donation-package-card .card-title {
  color: #efc56d !important;
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: .05em;
}

body.rok-user-panel .donation-package-card .text-success,
body.rok-user-panel .donation-package-card .display-6 {
  color: #f0c96d !important;
  text-shadow: 0 0 16px rgba(240, 201, 109, .16);
}

body.rok-user-panel .donation-package-card .text-muted {
  color: rgba(238, 226, 204, .78) !important;
}

body.rok-user-panel .donation-package-card .btn-outline-primary {
  color: #efc56d !important;
  border-color: rgba(239, 197, 109, .62) !important;
  background: rgba(0,0,0,.18) !important;
  border-radius: 2px;
}

body.rok-user-panel .donation-package-card .btn-outline-primary:hover {
  color: #130d05 !important;
  background: #efc56d !important;
  border-color: #efc56d !important;
}

body.rok-user-panel .donation-package-card .au-btn--green {
  color: #130d05 !important;
  background: linear-gradient(180deg, #ffdc7b 0%, #c1842f 55%, #7a4214 100%) !important;
  border: 1px solid #e5b85f !important;
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: .08em;
}

body.rok-user-panel .promo-badge {
  border-radius: 6px !important;
  color: #130d05 !important;
  background: linear-gradient(180deg, #fff6df, #e4b760) !important;
  border: 1px solid rgba(239, 197, 109, .65);
}

body.rok-user-panel .promo-deadline-box {
  border-color: rgba(239, 197, 109, .42) !important;
  background: rgba(0,0,0,.24) !important;
  border-radius: 4px !important;
  padding: 12px 14px !important;
}

body.rok-user-panel .promo-deadline-label {
  color: #efc56d !important;
}

body.rok-user-panel .promo-timer {
  color: #ffd978 !important;
}

body.rok-user-panel .modal-content {
  color: rgba(238, 226, 204, .86);
  background: linear-gradient(180deg, #1d160d, #080604);
  border: 1px solid rgba(211, 151, 56, .28);
}

body.rok-user-panel .modal-title,
body.rok-user-panel .modal-body .fw-semibold {
  color: #efc56d;
}

body.rok-user-panel .modal-header,
body.rok-user-panel .modal-footer {
  border-color: rgba(211, 151, 56, .18);
}

@media (max-width: 991.98px) {
  .page-content.container-fluid {
    max-width: 100% !important;
  }

  body.rok-user-panel .page-content--bge5 .login-form {
    padding: 22px 24px 34px;
  }
}