h4,
h5,
h6 {
    color: #333
}

a {
    outline: 0;
    color: #1a0b77
}

a:focus,
a:hover {
    color: #1a0b77;
    text-decoration: none
}

body {
    color: #858585
}

p {
    color: #858585
}

.nav-tabs>li>a {
    color: #333
}

.nav-tabs>li>a:hover {
    background-color: #1a0b77;
    color: #fff
}

.forgot-password-warning {
    background-color: #efdadc;
    color: #ff5858
}

.login-panel .forgot-password-link {
    color: #1a0b77;
    text-decoration: none
}

.login-panel .forgot-password-link:hover {
    color: #1a0b77
}

.bonus-slider-modal .modal-header .close {
    background-color: #fff;
    color: #000
}

.bonus-slider-modal .modal-title {
    color: #fff
}

.bonus-slider-modal .activation-button {
    background-color: #1a0b77;
    color: #fff
}

.bonus-slider-modal .activation-button:hover {
    background-color: #a34afb;
    color: #fff
}

.bonus-slider-modal .close-button {
    background-color: #454545
}

.bonus-slider-modal .close-button:hover {
    background-color: #3e3e3e
}

.announcement-container {
    background-color: #1a0b77;
    color: #070d2f
}

.announcement-container .announcement-list li {
    color: #1a0b77
}

.announcement-container>[data-section="title"] {
    color: #fff
}

.announcement-container>[data-section="date"] {
    color: #fff
}

.announcement-container>[data-section="announcements"] {
    background: #070d2f;
    color: #1a0b77
}

.popular-games {
    background: transparent
}

.popular-games .nav-tabs>li>a {
    background-color: #051030
}

.popular-games .nav-tabs>li.active>a,
.popular-games .nav-tabs>li.active>a:hover .popular-games .nav-tabs>li.active>a:focus,
.popular-games .nav-tabs>li>a:hover {
    background-color: #1a0b77
}

.popular-games .tab-pane {
    background-color: #0c0c0c
}

.popular-games [data-section="left"] .section-title {
    background-color: #0d0908;
    color: #fff
}

.popular-games .scrtabs-tab-scroll-arrow {
    background-color: #0d0908;
    color: #fff
}

.popular-games .popular-game-list {
    background-color: #0d0908
}

.popular-games .tab-content {
    border: 1px solid #0d215c
}

.sports-platform-title {
    color: #fff
}

.panel-heading.emailbox-heading .panel-tabs>li>a {
    color: #fff
}

.panel-heading.emailbox-heading .panel-tabs>li>a:hover {
    border-color: transparent;
    color: #fff;
    background-color: transparent
}

.panel-heading.emailbox-heading .panel-tabs>li.active>a,
.panel-heading.emailbox-heading .panel-tabs>li.active>a:hover,
.panel-heading.emailbox-heading .panel-tabs>li.active>a:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, .23);
    border-bottom-color: transparent
}

.email-paging {
    background-color: #393939;
    color: #fff
}

.email-paging:hover {
    background-color: #fca601;
    color: #fff
}

.modal-btn,
.modal-btn.blank:hover {
    background: #808080;
    color: #fff
}

.message-detail-title a {
    color: #fff
}

.confirmation-message-modal .modal-header {
    background-color: #090807;
    border-color: #0c0c0c
}

.confirmation-message-modal .modal-body {
    background-color: #fff
}

.confirmation-message-modal .modal-body p {
    color: #484848
}

.confirmation-message-modal h4.modal-title {
    color: #fff
}

.confirmation-message-modal .confirm-btn {
    color: #fff;
    background: #455593;
    border: 0
}

.confirmation-message-modal .confirm-btn:hover {
    background: #1a0b77;
    color: #fff;
    border: 0
}

.poker-game-types ul li p {
    color: #fff
}

.profile-container .mobile-info-button:hover {
    background-color: #1a0b77;
    color: #fff
}

.hot-match-container {
    color: #fff;
    background: linear-gradient(to bottom, #1d317e 10%, #051846 100%)
}

.hot-match-container .live-streaming-link {
    border-color: #00ffe2;
    color: #00ffe2
}

.hot-match-container .live-streaming-link:hover {
    color: #fff;
    background-color: #00b089;
    border-color: #00b089
}

.topbar-left-section .topbar-item {
    color: #535353
}

.topbar-left-section .topbar-item a {
    color: #fff;
    border-right-color: #ccc
}

.topbar-left-section .topbar-item a:hover {
    color: #1a0b77
}

.topbar-left-section .topbar-item .live-chat {
    background: #415784;
    color: #fff
}

.topbar-left-section .topbar-item .live-chat:hover {
    background: #1a0b77
}

.top-menu>li:hover,
.top-menu>li[data-active="true"] {
    color: #1a0b77
}

.copyright {
    color: #fff
}

.standard-form-title {
    background-color: #090807;
    color: #fff
}

.standard-form-content {
    background-color: #fff;
    color: #838383
}

.play-now {
    background: #1a0b77;
    color: #fff;
    border-color: #76a0ff
}

.play-now:hover {
    background: #a34afb;
    color: #fff;
    border-color: #1a0b77
}

.free-play {
    background: linear-gradient(to bottom, #6b6b6b 0%, #404040 100%);
    color: #fff
}

.free-play:hover {
    background: linear-gradient(to bottom, #404040 0%, #6b6b6b 100%);
    color: #fff
}

.jackpot-winners .jackpot-winner-title {
    color: #fff
}

.jackpot-winners {
    background: #020a21
}

.jackpot-winners .winners-ticker-container {
    background: #050505
}

.home-info-container .tickercontainer {
    background: #030303
}

.scrtabs-tab-container {
    background: #0d0908
}

.winners-ticker ul li .winner-info {
    color: #fff
}

.login-panel {
    color: #fff
}

.user-info {
    color: #fff
}

.user-info .user-main-info {
    background: #ffffff1a;
    box-shadow: 0 4px 4px 0 #0d090840
}

.user-info .user-main-info .user-info-item+.user-info-item:before {
    background: #fff3
}

.user-info [data-new-notification="true"]:before {
    background: #fc1818;
    color: #fff
}

.user-info .dropdown-menu {
    background-color: #00031c;
    color: #fff
}

.user-info .dropdown-menu>li>a {
    background-color: #030a2e;
    color: #fff
}

.user-info .dropdown-menu>li>a:focus,
.user-info .dropdown-menu>li>a:hover {
    background: #1a0b77;
    color: #fff
}

.ztip-holder {
    background: rgba(40, 40, 48, .94);
    color: #fff
}

.ztip-holder.ztip-theme-red {
    background: rgba(238, 84, 58, .94);
    color: #fff
}

.ztip-holder.ztip-theme-blue {
    background: rgba(68, 187, 255, .94);
    color: #fff
}

.ztip-holder.ztip-theme-green {
    background: rgba(46, 204, 113, .94);
    color: #fff
}

.claim-item {
    background-color: #ececf1;
    color: #555
}

.promotion-info {
    background-color: #fff;
    border-color: transparent;
    color: #555
}

.promotion-info .close-button {
    background: none;
    background-color: #000;
    color: #fff
}

.deposit-container .standard-form-note a {
    color: #00f923;
    text-decoration: underline
}

.deposit-container .formatted-balance {
    color: #fba501
}

.deposit-container .deposit-form-group .head a,
.withdrawal-container .withdrawal-form-group .head a {
    color: #838383
}

.deposit-container input.input-validation-error {
    background-color: #fff;
    border-color: #ccc
}

.deposit-amount-range {
    color: #838383
}

.panel-heading.emailbox-heading .panel-tabs>li.active i {
    color: #fca601
}

.panel-heading.emailbox-heading .panel-tabs>li.active>a span {
    color: #fca601
}

.sport-match-item .match-teams>span {
    color: #00ffe2
}

ul.email-right-header li a {
    color: #404040
}

.inbox-table-header>div:nth-child(3)>ul>li>a {
    color: #949494
}

.inbox-table-header>div:nth-child(3)>ul>li>a:hover {
    background: #303030;
    color: #bababa
}

.inbox-table-header div {
    border-color: #d6d5d5
}

.modal-btn:hover,
.modal-btn.blank {
    background: #dcdbed;
    color: #808080
}

.white-panel.emailbox table {
    color: #333
}

.inbox-table-body a {
    color: #333
}

.profile-container .section-heading {
    color: #333
}

.ztip-holder.ztip-theme-white {
    background: rgba(255, 255, 255, .94);
    color: #333
}

.withdrawal-container .total-balance {
    color: #1a0b77;
    border-color: #ccc
}

.standard-side-menu-group-label,
.standard-side-menu a {
    background-color: #1b2757;
    color: #fff;
    border-bottom-color: #fff
}

.standard-side-menu a[data-active="true"],
.standard-side-menu a:hover {
    color: #1a0b77;
    background-color: #090807
}

.site-description {
    color: #fff
}

.site-description h1,
.site-description h2,
.site-description h3,
.site-description p,
.site-description a,
.site-description div {
    color: #FFF
}

.footer-separator {
    border-top-color: #1a0b77
}

.site-info .site-info-title {
    border-bottom-color: #315581
}

.site-info .site-info-title h3 {
    color: #FFF
}

.site-info .site-info-title p,
.provider-container {
    color: #fff
}

.site-info .site-info-description h4 {
    color: #fff
}

.site-info .site-info-description p {
    color: #fff
}

.percentCount {
    color: #caddf4
}

.progressbar {
    background: #3c4b72
}

.proggress {
    background: #c9ddf5
}

.provider-container>h5 {
    color: #fff;
    background: #1a0b77
}

.provider-container {
    color: #3b4b71;
    border-color: #3b4b71
}

.standard-reporting-control-group .btn-primary {
    background: #1a0b77;
    color: #fff
}

.standard-reporting-control-group .btn-primary:hover {
    background: #a34afb;
    color: #fff
}

.bonus-slider-modal .modal-header {
    border-color: #e5e5e5;
    background: #030a2e
}

.bonus-slider-modal .modal-content {
    background-color: #030a2e;
    border-color: #02071c
}

.bonus-slider-modal .close-button {
    background-color: #454545
}

.bonus-slider-modal .bonus-form {
    background-color: #0a1849;
    color: #dad9d9;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    border-top: 2px solid #1a0b77
}

.bonus-controls-field .bonus-control-button {
    background-color: #e4e4e4;
    color: #525252
}

.bonus-controls-field .bonus-amount {
    background-color: #0e0e0e;
    color: #1a0b77
}

.bonus-range .bubble {
    color: #fff;
    border-color: #1a0b77;
    background: #030a2e
}

.bonus-range .bubble::before {
    border-color: rgba(233, 154, 1, 0);
    border-top-color: #1a0b77
}

.bonus-range .bubble::after {
    border-color: rgba(14, 14, 14, 0);
    border-top-color: #0e0e0e
}

.claim-container {
    background-color: #ececf1
}

.modal-content {
    background: #090807;
    color: #fff
}

.modal-header {
    background: #0c0c0c;
    border-bottom-color: #333
}

.modal-header .close {
    color: #fff
}

.claim-info-modal h4 {
    color: #1a0b77
}

.standard-form-note.claim-note span,
.standard-form-note.claim-note strong {
    color: #fff
}

.claim-item-type>div {
    background-color: #1a0b77
}

.claim-item-type .expiration-countdown [data-section] {
    background-color: #1a0b77
}

.claim-item-type .expiration-countdown [data-section]::before {
    background-color: #c00086
}

.claim-item-container .claim-item {
    background: #f5f5f5;
    border-color: #1a0b77
}

.claim-item-container .claim-item .claim-title,
.claim-item-container .claim-item .claim-details,
.claim-item-container .claim-item .claim-progress-info .progress-percentage,
.claim-item-container .claim-item .claim-progress-info .progress-percentage i {
    color: #3c3c3c
}

.bonus-progress .progress {
    background-color: #b2b2b2
}

.claim-item .claim-button,
.claim-item .activation-button,
.claim-item .cancellation-button,
.claim-item .expiration-button {
    color: #fff;
    background: #1a0b77
}

.claim-item .claim-button:hover,
.claim-item .activation-button:hover,
.claim-item .cancellation-button:hover,
.claim-item .expiration-button:hover {
    background: #a34afb;
    color: #fff
}

.claim-item .info-button {
    background-color: #a0a0a0
}

.claim-item .info-button:hover {
    background-color: #909090
}

.contact-us-list li h6 {
    color: #787878
}

.contact-us-list li p {
    color: #858585
}

.contact-us-list li a {
    color: #1a0b77
}

.deposit-container .bank-info {
    background-color: #d8d8d8;
    color: #838383
}

.banner {
    background: #070707
}

.banner .carousel-indicators li {
    background: transparent
}

.banner .carousel-indicators .active,
.banner .carousel-indicators .slick-active {
    background: #1a0b77;
    border-color: #1a0b77
}

.home-info-container,
.telegram-banner-container {
    background: #0d0908;
    border-color: #1a0b77
}

.lottery-result-container {
    background-color: #1a0b77;
    color: #fff
}

.lottery-result-container .lottery-result {
    background-color: #09132e
}

.lottery-result-container .lottery-result-title {
    background: #1a0b77;
    color: #fff
}

.lottery-result-container .lottery-numbers {
    background: #040403
}

.lottery-result-container .lottery-date {
    color: #fff;
    background-color: #09132e
}

.sports-matches-container {
    background-color: #0b0b0b
}

.sport-match-item {
    background-color: #1f1f1f;
    color: #fff
}

.sport-match-item .match-date {
    background: #162b6d;
    color: #fff
}

.sport-match-item .match-info-container {
    background-color: #051847;
    color: #fff
}

.sport-match-item:nth-child(even) {
    background-color: #174e87;
    color: #fff
}

.sport-match-item:nth-child(even) .match-info-container {
    background-color: #0a3460;
    color: #fff
}

.panel-primary>.panel-heading.emailbox-heading {
    background-color: #263366;
    border-color: #337ab7
}

.panel-heading.emailbox-heading .panel-tabs>li>a {
    border-color: #263366
}

.panel-heading.emailbox-heading .panel-tabs>li.active>a {
    border-bottom: 5px solid #fca601
}

.panel-heading.emailbox-heading .panel-tabs>li.active>a,
.panel-heading.emailbox-heading .panel-tabs>li.active>a:hover,
.panel-heading.emailbox-heading .panel-tabs>li.active>a:focus {
    background-color: transparent
}

ul.email-right-header li a:hover {
    background: #bababa
}

ul.email-right-header li.active a {
    background: #bababa
}

.white-panel.emailbox .panel {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0)
}

.paging-input {
    border-color: #b5b5b7;
    background: #f2f2f4
}

.white-panel.emailbox .checkbox:before {
    background-color: #080808;
    color: #838383;
    border-color: #d6d5d5
}

.inbox-table-body div {
    border-color: #d6d5d5
}

.messaging-side-menu {
    background-color: #090807;
    border-color: #242424
}

.messaging-side-menu [data-active="true"] a,
.messaging-side-menu a:hover {
    color: #1a0b77;
    border-bottom-color: #1a0b77
}

.replied-message {
    color: #333;
    border-color: #353535
}

.replied-message[data-creator="true"] .replied-message-content {
    background-color: #242424;
    color: #fff
}

.replied-message .replied-message-content pre p {
    color: #000
}

.mobile-app-container .text-container {
    color: #fff
}

.mobile-app-container .logo-container {
    background-color: #090807
}

.mobile-app-container .link-container a:hover {
    background-color: #ddd
}

.mobile-app-container .nav-tabs>li.active>a,
.mobile-app-container .nav-tabs>li.active>a:hover,
.mobile-app-container .nav-tabs>li.active>a:focus {
    background-color: #1a0b77;
    color: #fff
}

.mobile-app-container .tab-pane .note {
    color: #f00
}

.mobile-app-container .tab-pane .important {
    color: #ff9600
}

.poker-game-types {
    background: rgba(11, 11, 11, .5);
    background: -moz-linear-gradient(left, rgba(11, 11, 11, .5) 0%, rgba(63, 63, 63, .5) 50%, rgba(11, 11, 11, .5) 100%);
    background: -webkit-linear-gradient(left, rgba(11, 11, 11, .5) 0%, rgba(63, 63, 63, .5) 50%, rgba(11, 11, 11, .5) 100%);
    background: linear-gradient(to right, rgba(11, 11, 11, .5) 0%, rgba(63, 63, 63, .5) 50%, rgba(11, 11, 11, .5) 100%);
    border: 4px solid #1e1e1e;
    border-radius: 15px
}

.profile-container .download-link-container a:hover {
    background-color: #ddd
}

.profile-container .mobile-info-button {
    border-color: #23527c;
    background-color: #415784;
    color: #fff
}

.promotions-container {
    background-color: #00051b
}

.promotions-container .standard-side-menu li a {
    background-color: #030a2e
}

.promotions-container .standard-side-menu a[data-active="true"],
.promotions-container .standard-side-menu a:hover {
    background-color: #1a0b77;
    color: #fff
}

.promotion-list {
    background-color: #0c0c0c
}

.promotion-item img {
    border-color: #000
}

.promotion-item .click-for-get-promo-button {
    background: #1a0b77;
    color: #fff
}

.promotion-item .click-for-get-promo-button:hover {
    background: #a34afb
}

.promotion-item .promotion-title h2 {
    color: #000
}

.promotion-item-details {
    background: #00051b
}

.promotion-item-details .click-for-get-promo-button {
    background: #1a0b77;
    color: #fff
}

.promotion-item-details .click-for-get-promo-button:hover {
    background: #a34afb
}

.promotion-info .promotion-share-container .promotion-share-btn {
    color: #000;
    border-color: #000
}

.promotion-info .promotion-share-container .promotion-share-btn img {
    filter: invert(0)
}

.register-done-container {
    color: #676767
}

.register-done-container>a {
    background-color: #29355d;
    color: #fff
}

.register-done-container>h2 {
    color: #7c7c7c
}

.register-done-container>h2 span {
    color: #1a0b77
}

.register-done-container>h3 span {
    color: #7c7c7c
}

.register-done-container>img {
    background-color: transparent
}

.register-done-container .btn-deposit {
    background: #a844fb;
    background: linear-gradient(to top, #a844fb 0%, #3ebbf3 100%);
    box-shadow: rgba(0, 0, 0, .2) 0 0 20px 5px
}

.register-done-container .btn-deposit:hover {
    background: linear-gradient(to bottom, #3ebbf3 0%, #a844fb 100%)
}

.register-done-container .buttons-container-register-done .btn {
    background: linear-gradient(to bottom, #1a0b77 0%, #1a0b77 100%);
    color: #fff;
    border-color: #1a0b77
}

.register-done-container .buttons-container-register-done .btn:hover {
    background: linear-gradient(to top, #a844fb 0%, #3ebbf3 100%);
    border-color: transparent
}

.register-done-container .register-verification-done {
    border-color: #1a0b77;
    background: #1a0b77
}

.register-done-container .register-verification-done .info {
    color: #1a0b77;
    border-color: #1a0b77
}

.register-done-container .register-verification-done a {
    color: #1a0b77
}

.slots-games-container,
.casino-games-container,
.race-games-container {
    background-color: #0c1740
}

.slots-games-container .filter-section,
.casino-games-container .filter-section,
.race-games-container .filter-section {
    background-color: #0c1740
}

.slots-games-container .filter-section input[type=text],
.casino-games-container .filter-section input[type=text],
.race-games-container .filter-section input[type=text] {
    background: #0e0e0e;
    color: #fff
}

.slots-games-container .category-filter-link,
.casino-games-container .category-filter-link,
.race-games-container .category-filter-link {
    color: #fff
}

.slots-games-container .category-filter-link.active,
.slots-games-container .category-filter-link:hover,
.casino-games-container .category-filter-link.active,
.casino-games-container .category-filter-link:hover,
.race-games-container .category-filter-link.active,
.race-games-container .category-filter-link:hover {
    background-color: #1a0b77;
    color: #fff
}

.slot-jackpot-container {
    background-color: rgba(3, 10, 38, .8)
}

[data-container-background="background-banner"] .carousel-indicators li,
[data-container-background="others"] .carousel-indicators li {
    background-color: #595959;
    border-color: #595959
}

[data-container-background="dark-game-banner"] .carousel-indicators li.active,
[data-container-background="light-game-banner"] .carousel-indicators li.active,
[data-container-background="others"] .carousel-indicators li.active {
    background-color: #00f923;
    border-color: #00f923
}

.sports-container {
    background: #0b0b0b
}

[data-container-background="background-banner"] {
    background-color: #0d0908
}

[data-container-background="others"] {
    background-color: #010717
}

[data-container-background="promotions"] {
    background-color: #0c0c0c
}

.info-center {
    background-color: #090807
}

.info-center-content {
    background-color: #fff
}

.info-center-content-title {
    background-color: #d0d0d0;
    color: #1a0b77
}

.info-center-title {
    background-color: #0a1749;
    color: #fff
}

.topbar-container {
    background: #090807
}

.topbar-left-section .language-selector {
    background-color: #000629
}

.topbar-left-section .language-selector li {
    border-bottom: 1px solid #00031c
}

.site-header {
    background: #0d0908;
    border-bottom-color: #f5f32b
}

.top-menu>li {
    color: #adbed2
}

.top-menu .game-list {
    border-top-color: #1a0b77;
    background-color: rgba(3, 8, 40, .9);
    border-bottom-color: #1a0b77
}

.site-footer {
    background-color: #0d0908;
}

.footer-links>li>a {
    color: #fff
}

.footer-links>li>a:hover {
    color: #1a0b77
}

.footer-links>li+li>a {
    border-left-color: #3c3c3e
}

.footer-section-title {
    color: #fff
}

.site-info-container:not(:last-child):after {
    background-color: #0a2c52
}

.site-info .site-info-description.with-seperator+.with-seperator {
    border-top-color: #3f3d41
}

.contact-list>li a {
    background: #040a2a;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-left: 20px
}

.contact-list>li a i {
    background: #1a0b77;
    color: #00f923
}

.bank-list>[data-online='true']:before {
    background-color: #0f0
}

.bank-list>[data-online='false']:before {
    background-color: #e00
}

.standard-form-container {
    background-color: #f2f2f3
}

.register-done-container {
    background: transparent
}

.standard-form-note {
    background-color: #0a1849;
    color: #fff
}

.standard-form-note span {
    color: #1a0b77
}

.standard-form-note strong {
    color: #1a0b77
}

.standard-inline-form-group label {
    color: #838383
}

.standard-inline-form-group [data-section="asterisk"] {
    color: #f00
}

.register-page-reminder {
    color: #838383
}

.register-page-link a {
    color: #333
}

.register-page-link a:hover {
    color: #1a0b77
}

.form-control,
.mobile-app-container .mobile-app-select {
    border-color: transparent;
    background: #e8e8e8;
    color: #838383
}

.mobile-app-container .mobile-app-select a {
    color: inherit
}

.mobile-app-container .mobile-app-select .active a,
.mobile-app-container .mobile-app-select a:hover {
    background-color: #1a0b77;
    color: #fff
}

.standard-button-group .btn {
    color: #0d0908
}

.standard-button-group .btn-primary,
.messaging-side-menu .support-ticket>a,
.deposit-container .reveal-bank-account-button {
    color: #fff;
    background: #1a0b77
}

.standard-button-group .btn-primary:hover,
.messaging-side-menu .support-ticket>a:hover,
.deposit-container .reveal-bank-account-button:hover {
    background: #a34afb;
    color: #fff
}

.deposit-container .copy-bank-account-button,
.copy-input-button-field .copy-input-button {
    color: #1a0b77
}

.deposit-container .copy-bank-account-button:hover,
.copy-input-button-field .copy-input-button:hover {
    color: #a34afb
}

.deposit-container .bank-info .copy-bank-account-button,
.withdrawal-container .bank-info .copy-bank-account-button {
    color: #838383
}

.deposit-container .bank-info .copy-bank-account-button:hover,
.withdrawal-container .bank-info .copy-bank-account-button:hover {
    color: #838383
}

.bank-info h1,
.bank-info h2,
.bank-info [data-bank-info="details"] span {
    color: #838383
}

.expiration-countdown [data-section] {
    background-color: #404040;
    color: #1a0b77;
    border-left-color: #6b6b6b
}

.expiration-countdown [data-section="title"] {
    background-color: #555;
    color: #fff
}

.expiration-countdown [data-value="days"],
.expiration-countdown [data-value="hours"],
.expiration-countdown [data-value="minutes"],
.expiration-countdown [data-value="seconds"] {
    color: #1a0b77
}

.game-list-title>div {
    background-color: inherit;
    color: #edeff6
}

.game-list-title,
.game-list {
    background-color: #0c0c0c
}

.game-list {
    border: 0
}

.game-list .game-item {
    background-color: #131313
}

.game-list .game-name,
.game-list .provider-name {
    color: #fff;
    background: #1a0b77
}

.game-list .wrapper-container:hover {
    background: #000
}

.large-game-list-container {
    border-bottom-color: 1px solid #1e4092;
    border-top-color: 1px solid #1e4092;
    padding: 15px;
    background-color: rgba(9, 23, 71, .8)
}

.winners-ticker ul li .winner-amount {
    color: #f8a201
}

.login-panel input[type=text],
.login-panel input[type=password] {
    background-color: #0d0908;
    border-color: #1f3588
}

.header_inputbox {
    background-color: #0d0908;
    border: 1px solid #1f3588
}

.login-panel .login-button {
    background-color: #f5f32b;
    color: #fff
}

.login-panel .login-button:hover {
    color: #fff
}

.login-panel .register-button {
    background: #f5f32b;
    color: #000
}

.login-panel .register-button:hover {
    background: linear-gradient(to bottom, #a34afb 0%, #a34afb 100%);
    color: #fff
}

.jackpot-container .progressive-jackpot {
    color: #fff
}

.jackpot-container .progressive-jackpot span {
    color: #03ffd8
}

.user-info .wallet-container .balance {
    color: #6eff00
}

.user-info .wallet-container .locked-balance {
    background: #4e5880;
    color: #6eff00
}

.ztip-holder.ztip-position-top .zt-arrow {
    border-top-color: rgba(40, 40, 48, .94)
}

.ztip-holder.ztip-position-bottom .zt-arrow {
    border-bottom-color: rgba(40, 40, 48, .94)
}

.ztip-holder.ztip-theme-red.ztip-position-top .zt-arrow {
    border-top-color: rgba(238, 84, 58, .94)
}

.ztip-holder.ztip-theme-red.ztip-position-bottom .zt-arrow {
    border-bottom-color: rgba(238, 84, 58, .94)
}

.ztip-holder.ztip-theme-red code {
    background: rgba(242, 125, 105, .94)
}

.ztip-holder.ztip-theme-blue.ztip-position-top .zt-arrow {
    border-top-color: rgba(68, 187, 255, .94)
}

.ztip-holder.ztip-theme-blue.ztip-position-bottom .zt-arrow {
    border-bottom-color: rgba(68, 187, 255, .94)
}

.ztip-holder.ztip-theme-blue code {
    background: rgba(119, 206, 255, .94)
}

.ztip-holder.ztip-theme-green.ztip-position-top .zt-arrow {
    border-top-color: rgba(46, 204, 113, .94)
}

.ztip-holder.ztip-theme-green.ztip-position-bottom .zt-arrow {
    border-bottom-color: rgba(46, 204, 113, .94)
}

.ztip-holder.ztip-theme-green code {
    background: rgba(84, 217, 140, .94)
}

.ztip-holder.ztip-theme-white.ztip-position-top .zt-arrow {
    border-top-color: rgba(255, 255, 255, .94)
}

.ztip-holder.ztip-theme-white.ztip-position-bottom .zt-arrow {
    border-bottom-color: rgba(255, 255, 255, .94)
}

.ztip-holder.ztip-theme-white code {
    background: rgba(255, 255, 255, .94)
}

.ztip-holder.ztip-theme-white {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25)
}

.ztip-holder.ztip-theme-white .zt-arrow {
    border-color: transparent;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .25);
    background: inherit
}

.ztip-holder.ztip-theme-white code {
    background: rgba(230, 230, 230, .94)
}

.ztip-holder code {
    color: inherit;
    background: rgba(63, 63, 76, .94)
}

.ztip-holder {
    background: #050505;
    color: #00f923
}

.info-center-content .panel-default {
    border-color: #242424
}

.info-center-content .panel {
    background-color: #111;
    color: #fff
}

.info-center-content .panel-default>.panel-heading {
    background-color: #090807;
    border-color: #242424
}

.info-center-content .panel-default>.panel-heading a {
    color: #fff;
    background-color: #090807;
    border-color: #242424
}

.info-center-content .panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #242424
}

.info-center-content .panel-group .panel-heading+.panel-collapse .panel-body {
    border-top-color: #ddd
}

.link-container a.game-info,
.game-info {
    color: #adbed2;
    border-color: #adbed2
}

.link-container a.game-info:hover,
.link-container a.game-info:focus,
.game-info:hover,
.game-info:focus {
    border-color: #1a0b77;
    color: #1a0b77
}

.provider-page .large-game-list-container,
.provider-info {
    background-color: rgba(9, 23, 71, .8)
}

.game-provider-desc-arcade,
.game-provider-desc-sport,
.game-provider-desc-crash-game,
.game-provider-desc,
.provider-info h5,
.provider-info p {
    color: #1a0b77
}

.modal-content {
    background: #0c0c0c;
    border: #0c0c0c;
    color: #bbb
}

.modal-content h4,
.download-popup-modal .modal-header .modal-title {
    color: #1a0b77
}

.modal-header .close {
    opacity: 1;
    margin: 0;
    color: #fff
}

.modal-body p {
    color: #bbb
}

.modal-footer {
    border-top-color: #2b2b2b
}

.modal-footer .btn-secondary {
    background: none;
    color: #838383
}

.modal-footer .btn-secondary:hover {
    color: #1a0b77
}

.modal-footer .btn-primary {
    color: #fff;
    background: #1a0b77
}

.modal-footer .btn-primary:hover {
    background: #a34afb
}

.referral-box-container .referral-box {
    background-color: #1b2757;
    border-bottom: 1px solid #1a0b77
}

.referral-box-container .referral-box span {
    color: #1a0b77
}

.referral-box-container .referral-box h4 {
    color: #fff
}

.referral-box-container .referral-box .referral-box-icon {
    background: #1a0b77
}

.referral-code-container h4 {
    color: #333
}

.referral-box a,
.referral-code-container a,
.change-referral-code a {
    color: #3950af
}

.referral-box a:hover,
.referral-code-container a:hover,
.change-referral-code a:hover {
    color: #1a0b77
}

.referral-code-container {
    border: 1px dashed #315581
}

.referral-container .referral-title {
    color: #000
}

.referral-container .standard-form-title {
    background-color: #090807;
    color: #fff
}

.referral-container .form-control[readonly] {
    border-color: transparent;
    background-color: #eee
}

.referral-section .referral-code-copy-btn {
    background: #1a0b77
}

.referral-section .referral-code-copy-btn img {
    filter: invert(0)
}

.referral-section .referral-code-copy-btn span {
    color: #fff
}

.referral-section .referral-social-media-container .referral-social-media {
    color: #000
}

.referral-section .referral-social-media-container .referral-social-media button {
    filter: invert(100%) invert(16%) sepia(80%) saturate(4810%) hue-rotate(310deg) brightness(104%) contrast(114%)
}

.referral-section .referral-code-container {
    border: 1px dashed #1a0b77;
    color: #000
}

.user-info .dropdown-menu.vendor-balances-container {
    background-color: rgba(0, 0, 0, .85)
}

.user-info .vendor-balances-container .vendor-balances-header,
.user-info .vendor-balances-container strong {
    color: #1a0b77
}

.user-info .vendor-balances-container .vendor-balances-header {
    border-bottom: 2px solid #1a0b77
}

.user-info .vendor-balances-container {
    border: 3px solid #1a0b77
}

.download-apk {
    color: #fff
}

.download-apk-section i {
    color: #1a0b77
}

.download-apk .btn {
    color: #fefefe;
    background: #1a0b77;
    background: linear-gradient(to bottom, #1a0b77 0%, #be0085 100%);
    border: 0
}

.download-apk .btn:hover {
    color: #fefefe
}

.deposit-amount-container input[type="text"] {
    background: #fff;
    color: #555;
    border: 1px solid #ccc
}

.deposit-amount-container .real-deposit-amount,
.deposit-amount-container .deposit-amount .currency-suffix,
.deposit-amount-container .deposit-amount input.form-control {
    color: #1a0b77
}

.deposit-amount-container .deposit-amount .currency-label,
.withdrawal-container .withdrawal-amount .currency-label {
    color: #838383
}

.deposit-amount-container .real-deposit-amount:before {
    color: #000
}

.standard-side-menu .player-account-section .username {
    color: #1a0b77
}

.top-tab-container a[data-active="true"],
.top-tab-container a:hover {
    color: #b9bfe1
}

.standard-side-menu .menu-section a:hover,
.standard-side-menu .menu-section a:focus,
.standard-side-menu .menu-section a[data-active="true"] {
    background-color: #1b2757;
    color: #b9bfe1
}

.arcade-games-container .filter-section,
.crash-game-games-container .filter-section {
    background-color: #0c1740
}

.arcade-games-container .category-filter-link.active,
.arcade-games-container .category-filter-link:hover,
.crash-game-games-container .category-filter-link.active,
.crash-game-games-container .category-filter-link:hover {
    background-color: #1a0b77
}

.standard-profile-bar .user-field div .username {
    color: #1a0b77
}

.standard-profile-bar .referral-code-container {
    border: 1px dashed #23527c;
    background-color: #1b2757;
    color: #1a0b77
}

.standard-content-info h2 {
    color: #1a0b77
}

.bank-info-container .carousel-indicators .active,
.bank-info-container .carousel-indicators li:hover {
    background-color: #1a0b77
}

.claim-filter-container select.form-control {
    color: #1a0b77;
    background-color: #0a1849;
    border-color: #fff
}

.claim-item {
    background-color: #ececf1;
    color: #555
}

.provider-slide {
    background-color: #5078d8
}

.provider-slide>i {
    background-color: rgba(255, 255, 255, .1);
    color: #1a0b77
}

.provider-slide>i:hover {
    background-color: rgba(255, 255, 255, .25)
}

.provider-slide>main>.slide-item {
    background-color: rgba(255, 255, 255, .1)
}

.provider-slide>main>.slide-item>a:not(.game-info) {
    background-color: #192a68
}

.provider-slide>main>.slide-item>a:not(.game-info):hover {
    background-color: #0c1740
}

.provider-slide>main>.slide-item h5 {
    color: #fff
}

.otp-hr {
    border-color: #1a0b77
}

.request-otp-button,
.request-otp-button:hover,
.contact-verification-link,
.contact-verification-link:hover {
    border-color: #1a0b77;
    color: #1a0b77
}

.otp-input {
    border-color: #1a0b77
}

.home-game-list-container .container-title span {
    color: #fff;
    background-color: #1a0b77
}

.home-game-list-container .container-title span:after {
    background-color: #1a0b77
}

.home-game-list-container .container-content {
    border: 1px solid #1a0b77
}

.home-game-list-container .container-content .game-list .game-item .game-name {
    color: #1a0b77
}

.home-game-list-container .container-content .game-list::-webkit-scrollbar-thumb {
    background: #58585a
}

.grid-totals {
    background-color: #f1f1f1;
    color: #000
}

.bank-info {
    background-color: #ffd8fe;
    background-image: linear-gradient(to bottom, #ffd8fe 0%, #ffd8fe 100%);
    color: #fff
}

.bank-info h3,
.bank-info h4 {
    color: #838383
}

.bank-info hr {
    border-top-color: #888
}

.bank-info[data-bank-type="bank"] [data-bank-info="details"] img,
.bank-info[data-bank-type="emoney"] [data-bank-info="details"] img,
.bank-info[data-bank-type="pulsa"] [data-bank-info="details"] img,
.bank-info[data-bank-type="qr"] [data-bank-info="details"] img,
.bank-info [data-bank-info="actions"] img {
    filter: brightness(.5)
}

.recommended-for-instant-process {
    color: #838383
}

.recommended-for-instant-process span {
    color: #838383
}

.payment-method-selection input[type="radio"]:checked+label {
    background-color: #1a0b77;
    background-image: linear-gradient(to bottom, #1a0b77 0%, #be0085 100%)
}

.withdrawal-container .real-withdrawal-amount,
.withdrawal-container .withdrawal-amount input.form-control,
.withdrawal-container .withdrawal-amount .currency-suffix {
    color: #1a0b77
}

.deposit-container:has(.offline-container),
.withdrawal-container:has(.offline-container) {
    background-color: transparent
}

[data-payment-gateway] {
    background-color: #222
}

div[data-payment-gateway] h4 {
    color: #bbb
}

[data-payment-gateway="va"] h5 span {
    background-color: #222
}

[data-payment-gateway="qris"] .qris-qr-code-container a {
    background: #1a0b77;
    color: #fff
}

.notification-tabs .notification-tab-item {
    background-color: #090807
}

.notification-tabs .notification-tab-item[data-active="true"] {
    background-color: #1a0b77;
    background-image: linear-gradient(to bottom, #1a0b77 0%, #be0085 100%)
}

.replied-message[data-message-type="announcement"] {
    color: #000;
    background: #fff;
    border-color: #c9c9c9
}

.replied-message[data-message-type="announcement"] .replied-message-content,
.replied-message[data-message-type="announcement"] .replied-message-content pre {
    color: #000
}

.replied-message[data-message-type="announcement"] .notification-header .notification-info .info {
    color: #0a0a0a
}

.empty-notification-container .empty-notification-content h3,
.empty-notification-container .empty-notification-content p {
    color: #000
}

.notification-popup-body .empty-notification-container .empty-notification-content h3,
.notification-popup-body .empty-notification-container .empty-notification-content p {
    color: #fff
}

.standard-section-title {
    color: #000
}

.standard-section-title:before {
    background-color: #1a0b77
}

.loyalty-container .loyalty-menu a {
    background-color: #030a2e;
    border-color: #263366
}

.how-it-works-container .how-it-works-section+.how-it-works-section {
    border-top-color: #ddd
}

.how-it-works-container .how-it-works-section .how-it-works-item p {
    color: #000
}

.loyalty-container .loyalty-history-filter label {
    color: #000
}

.loyalty-container .loyalty-history-filter select {
    background-color: #fff;
    border-color: #ddd;
    color: #000
}

.loyalty-container .standard-form-note {
    background-color: #0a1849;
    color: #fff
}

.loyalty-history-list .loyalty-history-item {
    background-color: #eee
}

.loyalty-history-list .loyalty-history-item [data-section="content"] [data-section="info"] h3 {
    color: #000
}

.loyalty-history-list .loyalty-history-item [data-section="date"] {
    border-top-color: #ddd
}

.loyalty-history-list .loyalty-history-item [data-section="date"] span {
    color: #000
}

.mission-container .mission-item {
    background-color: #292c36
}

.mission-container .mission-item .mission-action-container {
    background-color: #191b21
}

.mission-container .mission-item[data-status="claimable"] .mission-action-container .action-button {
    background-color: #1a0b77;
    background-image: linear-gradient(to bottom, #1a0b77 0%, #be0085 100%);
    color: #fff
}

.mission-container .mission-item[data-status="claimable"] .mission-action-container .action-button:hover {
    background-color: #be0085;
    background-image: linear-gradient(to bottom, #be0085 0%, #1a0b77 100%)
}

.loyalty-menu-container .loyalty-menu-item {
    color: #000
}

.daily-reward-container {
    background-color: #f8f8f8
}

.daily-reward-container .reward-title h1 {
    color: #000
}

.daily-reward-container .standard-secondary-button {
    background-color: #1a0b77;
    background-image: linear-gradient(to bottom, #1a0b77 0%, #be0085 100%);
    color: #fff
}

.daily-reward-container .standard-secondary-button:hover {
    background: #be0085;
    background: linear-gradient(to bottom, #be0085 0%, #1a0b77 100%)
}

.level-progress-info .level-name {
    color: #333
}

.level-progress-info .level-xp-container {
    color: #333
}

.benefit-container h2 {
    color: #333
}

.benefit-container .benefit-list .benefit-card p {
    color: #858585
}

.loyalty-daily-reward-modal .modal-content,
.loyalty-available-rank-up-modal .modal-content {
    background-color: #0c0c0c
}

.loyalty-daily-reward-modal .modal-content .daily-reward-container {
    background-color: #0c0c0c
}

.loyalty-daily-reward-modal .modal-content .daily-reward-container h1 {
    color: #fff
}

.loyalty-available-rank-up-modal .standard-secondary-button {
    background: #1a0b77;
    background: linear-gradient(to bottom, #1a0b77 0%, #be0085 100%);
    color: #fff;
    border: 0
}

.loyalty-available-rank-up-modal .standard-secondary-button:hover {
    background: #be0085;
    background: linear-gradient(to bottom, #be0085 0%, #1a0b77 100%)
}

.introjs-tooltip-title {
    color: #fff
}

.introjs-tooltiptext .subtitle {
    color: #1a0b77
}

.introjs-nextbutton {
    background-image: linear-gradient(to bottom, #1a0b77, #be0085);
    color: #fff
}

.introjs-nextbutton:hover {
    background-image: linear-gradient(to bottom, #be0085, #1a0b77);
    color: #fff
}

.introjs-bullets ul li a {
    background-color: #83005c
}

.introjs-bullets ul li a.active,
.introjs-bullets ul li a:hover {
    background-color: #1a0b77
}

.introjs-skipbutton,
.introjs-skipbutton:hover {
    color: #1a0b77
}

.how-it-works-container .how-it-works-section {
    background-color: #fff;
    border-color: #ebebeb
}

.how-it-works-container .how-it-works-section .how-it-works-section-title {
    color: #1a0b77
}

.how-it-works-container .how-it-works-section .how-it-works-list .how-it-works-item p {
    color: #000
}

.referral-guidance-note {
    color: #333
}

.referral-features .referral-features-item {
    background-color: #eee
}

.referral-features .referral-features-item .feature-icon>div {
    background: linear-gradient(to bottom, #1a0b77 0%, #be0085 100%)
}

.referral-features .referral-features-item .feature-info span {
    color: #333
}

.referral-features .referral-features-item .feature-info p {
    color: #1a0b77
}

.referral-verification-container input.form-control {
    border-color: #dedede
}

.referral-verification-container .standard-form-note {
    background-color: #e0e0e0
}

.referral-verification-container .standard-form-note.with-icon {
    background-color: #eee
}

.simple-form-note,
.referral-verification-container .standard-form-note,
.referral-verification-container .standard-form-note.with-icon>div:last-child p {
    color: #1a0b77
}

.referral-verification-container .terms-conditions-container h3,
.referral-verification-container .terms-conditions-container ol li {
    color: #393637
}

.standard-checkbox-container.standard-checkbox-container label {
    color: #393637
}

.pending-verification-container .icon-container {
    background-color: #1a0b77
}

.pending-verification-container h2 {
    color: #333
}

.pending-verification-container p {
    color: #1a0b77
}

.referral-verification-container .terms-conditions-container ol {
    border-bottom-color: #bbb
}

.referral-verification-container .verification-footer .line {
    background-color: #ddd
}

.referral-verification-container [data-is-contact-verified="false"]::before {
    background-color: rgba(255, 255, 255, .6)
}

.referral-verification-container [data-is-contact-verified="false"] .profile-link {
    background: linear-gradient(to bottom, #1a0b77 0%, #be0085 100%);
    color: #fff
}

.referral-verification-container [data-is-contact-verified="false"] .profile-link:hover {
    background: linear-gradient(to bottom, #be0085 0%, #1a0b77 100%)
}

.verify-whatsapp-popup {
    background-color: #fff;
    border: 1px solid #ddd
}

.verify-whatsapp-popup p {
    color: #333
}

.popular-game-title-container .container-title span {
    color: #fff;
    background-color: #1a0b77
}

.popular-game-title-container .container-title span:after {
    background-color: #1a0b77
}

.popular-game-title-container .container-content {
    border: 1px solid #1a0b77
}

.popular-game-title-container .container-content .game-list .game-item .game-name {
    color: #1a0b77
}

.popular-game-title-container .container-content .game-list::-webkit-scrollbar-thumb {
    background: #58585a
}

.deposit-summary-container,
.withdrawal-summary-container {
    border: 1px solid #efeff3
}

.deposit-summary-container .deposit-summary-header,
.withdrawal-summary-container .withdrawal-summary-header {
    background-color: #efeff3;
    color: #838383
}

.deposit-summary-container .deposit-summary-header .summary-transfer-amount,
.withdrawal-summary-container .withdrawal-summary-header .summary-transfer-amount {
    color: #1a0b77
}

.deposit-summary-container .deposit-summary-content,
.withdrawal-summary-container .withdrawal-summary-content {
    background-color: transparent
}

.deposit-summary-container .deposit-summary-content .deposit-summary-body .deposit-summary-title,
.withdrawal-summary-container .withdrawal-summary-content .withdrawal-summary-body .withdrawal-summary-title {
    color: #838383
}

.deposit-summary-container .deposit-summary-content .deposit-summary-body .deposit-detail-container .deposit-detail-item,
.withdrawal-summary-container .withdrawal-summary-content .withdrawal-summary-body .withdrawal-detail-container .withdrawal-detail-item {
    color: #838383
}

.deposit-summary-container .deposit-summary-content .deposit-summary-footer,
.withdrawal-summary-container .withdrawal-summary-content .withdrawal-summary-footer {
    color: #838383;
    border-top: 1px solid #e7e7e7
}

.deposit-container hr.deposit-gap {
    background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #838383))
}

.withdrawal-container hr.withdrawal-gap {
    background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #838383))
}

.payment-maintenance-container,
.remarks-container {
    background: #fff0d8;
    color: #333
}

.payment-maintenance-container i,
.remarks-container i {
    background-color: #f00;
    color: #fff;
    border-color: #fff
}

.remarks-container {
    border-color: #f41111;
    background: #ffe0e0
}

.remarks-container i {
    background-color: transparent;
    border-color: #f41111;
    color: #f41111
}

.register-page .payment-method-container {
    background-color: #e2e2e2
}

.popover {
    background-color: #0a1849;
    border-color: #1a0b77;
    color: #fff
}

.popover.top .arrow {
    border-top-color: #1a0b77
}

.popover.top .arrow:after {
    border-top-color: #0a1849
}

[data-payment-gateway] .download-qr-button {
    background: #1a0b77;
    color: #fff
}

.top-menu .game-list>li>a .background {
    background: linear-gradient(90deg, rgba(175, 5, 255, 0) 0%, rgba(44, 79, 200, .71) 99.99%);
    border-color: #8162ff
}

.large-game-list li,
.large-game-list .game-provider-img {
    background: linear-gradient(335.7deg, #9d056f 16.09%, rgba(104, 72, 154, .5) 49.24%, rgba(0, 0, 0, 0) 83.08%)
}

.large-game-list li .link-container .play-now,
.large-game-list .game-provider-img .link-container .play-now {
    background: #ff7613;
    color: #fff
}

.large-game-list li .link-container .free-play,
.large-game-list .game-provider-img .link-container .free-play {
    background: #fff;
    color: #000
}

.bank-info.bank-info .bank-account-number-container img {
    filter: opacity(.5)
}

.bank-info.bank-info .download-qr-code-button img {
    filter: invert(1)
}

[data-payment-gateway] .destination-account-number-container img,
[data-payment-gateway] .va-account-number img,
[data-payment-gateway] .download-qr-button img {
    filter: invert(1)
}

.pending-transactions-container .pending-transactions-item {
    color: #fff;
    background-color: #101427
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] {
    background-color: #181d33;
    color: #dbdbdb
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] hr {
    border-top: 1px solid #273153
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-bank-info>div>img {
    filter: initial
}

.pending-transactions-container .pending-transactions-item .pending-transaction-remarks-container {
    border-color: #fff3;
    color: #fff;
    background-color: #ffffff0f
}

.no-data-container p {
    color: #ccc
}

.no-data-container img {
    filter: invert(100%) sepia(1%) saturate(5%) hue-rotate(270deg) brightness(107%) contrast(73%)
}

.standard-form-link-header a {
    background-color: #f5f5f5;
    color: #444
}

.standard-form-link-header a[data-active="false"]:hover {
    background-color: #ebebeb;
    color: #444
}

.standard-form-link-header a[data-active="true"] {
    background-color: #263366;
    color: #fff
}

.modal-body .pending-transaction-summary-container,
.claim-info-modal .alert-container,
.payment-account-creation-remarks {
    border-color: #f41168;
    color: #fff;
    background-color: #25142c
}

.modal-body .pending-transaction-summary-container a {
    color: #428bca
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer {
    border-top-color: #ffffff14
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a {
    color: #fff;
    background-color: #c9176b
}

.modal-body .pending-transaction-details-container {
    color: #fff;
    background-color: #101322;
    border-color: #222843
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item {
    background-color: #181d33;
    border-color: #181d33
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item hr {
    border-color: #34314e
}

.contact-verification-section ul li,
.contact-verification-section span {
    color: #222
}

.otp-popup .otp-popup-content {
    background-color: #fff;
    color: #222
}

.otp-fake-inputs div {
    background-color: #fff;
    color: #222;
    border-color: #dedede
}

.otp-fake-inputs div.filled,
.otp-fake-inputs div.focused {
    border-color: #f41168
}

.otp-popup .otp-popup-content .resend-button {
    color: #1a0b77
}

.bonus-selection-popup .bonus-selection-popup-content {
    background: #fff
}

.bonus-selection-popup .bonus-selection-popup-content h2 {
    color: #000
}

.bonus-selection-popup .bonus-selection-popup-content .bonus-selection-popup-close-button img {
    filter: invert(1)
}

.bonus-selection-list .bonus-selection-card+.remarks-container {
    background: #ff00f517;
    color: #fff;
    border-color: #ff00f5
}

.update-verification-note-container .update-verification-note {
    background: #0a1849;
    color: #fff
}

.update-verification-note-container .update-verification-note span {
    color: #f00
}

.otp-popup .otp-popup-content .otp-popup-header .close span {
    color: #222
}

.deposit-qr-label-container .deposit-qr-label-bank-info img {
    filter: invert(1)
}

.message-table-body * {
    color: #333
}

.replied-message:not([data-message-type="announcement"]) .replied-message-content * {
    color: #333
}

.notification-list .notification-item .notification-content * {
    color: #000
}

.notification-popup-body .notification-list .notification-item .notification-content * {
    color: #fff
}

.notification-popup-body .notification-list .notification-item[data-seen="false"] .notification-header .notification-title {
    color: #1a0b77
}

.notification-list .notification-item,
.notification-list .notification-item[data-message-type="announcement"] {
    background: #fff;
    border-color: #c9c9c9
}

.notification-list .notification-item[data-seen="false"] {
    background: #ffb2fc;
    border-color: #ff5efa
}

.notification-list .notification-item .notification-header .notification-label {
    background: #1a0b77
}

.notification-list .notification-item .notification-title-container .notification-title-content h3 {
    color: #000
}

.notification-list .notification-item .notification-content p {
    color: #333
}

.notification-list .notification-item .notification-header .notification-title {
    color: #000
}

.unread-announcements-popup {
    border-color: #1a0b77;
    color: #fff
}

.unread-announcements-popup:before {
    border-bottom-color: #1a0b77
}

.notification-popup-body .notification-list .notification-item {
    background: #040404;
    border-color: #242424
}

.notification-popup-body .notification-list .notification-item[data-seen="false"] {
    background: #300022;
    border-color: #7c0057
}

.notification-popup-body .notification-list .notification-item .notification-title-container .notification-title-content h3 {
    color: #fff
}

.notification-popup-body .notification-list .notification-item .notification-content p {
    color: #cfcfcf
}

.notification-popup-body .notification-footer {
    background-color: #1a0b77;
    background-image: linear-gradient(to bottom, #1a0b77 0%, #be0085 100%)
}

.home-progressive-jackpot {
    background:
        linear-gradient(
            135deg,
            rgba(36, 55, 255, 0.16),
            transparent 42%
        ),
        linear-gradient(
            315deg,
            rgba(216, 228, 0, 0.05),
            transparent 34%
        ),
        #09090b;
    border-top: 3px solid #2437ff;
    border-bottom: 1px solid #292933;
}

.home-progressive-jackpot .outer-container {
    background:
        linear-gradient(
            135deg,
            rgba(36, 55, 255, 0.10),
            transparent 55%
        ),
        #101014;
    border: 1px solid #292933;
    box-shadow:
        8px 8px 0 rgba(36, 55, 255, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.home-progressive-jackpot .inner-container {
    background:
        linear-gradient(
            90deg,
            rgba(36, 55, 255, 0.18),
            rgba(36, 55, 255, 0.04)
        ),
        #0d0d12;
    border-left: 4px solid #2437ff;
}

.home-progressive-jackpot .border-container {
    border-color: #292933;
}

.home-progressive-jackpot .jackpot-container {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            rgba(36, 55, 255, 0.22),
            transparent 55%
        ),
        #111117;
    border-left: 3px solid #2437ff;
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease;
}

.home-progressive-jackpot .jackpot-container::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55px;
    height: 3px;
    background: #d8e400;
    transition: width 0.25s ease;
}

.home-progressive-jackpot .jackpot-container:hover {
    transform: translateY(-3px);
    border-color: #2437ff;
    background:
        linear-gradient(
            135deg,
            rgba(36, 55, 255, 0.30),
            transparent 60%
        ),
        #15151b;
}

.home-progressive-jackpot .jackpot-container:hover::after {
    width: 100%;
}

.home-progressive-jackpot .jackpot-border-container {
    border-color: #30303a;
}

.home-progressive-jackpot .jackpot-currency {
    color: #d8e400;
    font-weight: 800;
    text-shadow:
        0 0 12px rgba(216, 228, 0, 0.28),
        0 2px 0 rgba(0, 0, 0, 0.55);
}

.home-progressive-jackpot .jackpot-amount,
.home-progressive-jackpot .jackpot-number {
    color: #ffffff;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-shadow:
        0 0 15px rgba(36, 55, 255, 0.45),
        0 3px 0 rgba(0, 0, 0, 0.65);
}

.home-progressive-jackpot .jackpot-title,
.home-progressive-jackpot .jackpot-name {
    color: #ffffff;
}

@media (max-width: 768px) {
    .home-progressive-jackpot .outer-container {
        box-shadow: 5px 5px 0 rgba(36, 55, 255, 0.12);
    }

    .home-progressive-jackpot .jackpot-container {
        border-left-width: 2px;
    }
}

.standard-form-container.loyalty-benefit-form-container {
    background-color: #030a2e
}

.loyalty-benefit-form-container .standard-form-content {
    background-color: #030a2e;
    border-color: #0a1849
}

.loyalty-level-benefits-section {
    background: #000412;
    border-color: #0b194a
}

.loyalty-level-container .loyalty-level-item .loyalty-level-badge-container {
    background: #091a33
}

.loyalty-level-container .loyalty-level-item[data-selected="true"] .loyalty-level-badge-container {
    background: #122f58
}

.loyalty-level-container .loyalty-level-item .loyalty-level-progress-container .loyalty-level-progress-point {
    background: #191d2a;
    border-color: #191d2a
}

.loyalty-level-container .loyalty-level-item .loyalty-level-progress-container .loyalty-level-progress-bar {
    background: #191d2a
}

.loyalty-level-remarks-container {
    background: #1a0b7733;
    border-color: #1a0b77
}

.loyalty-level-remarks-container span {
    color: #fff
}

.loyalty-level-benefits-container {
    background: #0a1e3c
}

.loyalty-level-benefits-container .loyalty-level-benefits-list .loyalty-level-benefits-list-item {
    background: #122f58
}

.loyalty-container .standard-form-content {
    background-color: #030a2e;
    border: 1px solid #0a1849
}

.loyalty-container .loyalty-menu a {
    background-color: #920067;
    border-color: #bb0084
}

.loyalty-reward-container {
    border-color: transparent;
    background-color: #000412
}

.loyalty-reward-container .category-title::before {
    background-color: #1a0b77
}

.loyalty-reward-container .loyalty-reward-button {
    background-image: linear-gradient(to bottom, #1a0b77, #1a0b77);
    color: #fff
}

.loyalty-reward-container .tab-filter .tab {
    background-color: #151c39
}

.loyalty-reward-container .tab-filter input:checked+.tab {
    background-color: #1a0b77
}

.loyalty-reward-container .flash-sale-container::-webkit-scrollbar-thumb,
.loyalty-reward-container .lucky-draw-container::-webkit-scrollbar-thumb,
.loyalty-reward-container .other-product-container::-webkit-scrollbar-thumb {
    background: #263367
}

.loyalty-reward-container .flash-sale-container .item,
.loyalty-reward-container .lucky-draw-container .item,
.loyalty-reward-container .other-product-container .item {
    background-color: #0d132e;
    border-color: #0d132e
}

.loyalty-reward-container .flash-sale-container .item .item-detail-contaner .item-lp .item-lp-detail,
.loyalty-reward-container .lucky-draw-container .item .item-detail-contaner .item-lp .item-lp-detail,
.loyalty-reward-container .other-product-container .item .item-detail-contaner .item-lp .item-lp-detail {
    background-color: #fff3
}

.loyalty-top-bar-container {
    background: linear-gradient(82.95deg, #020f23 -41.64%, #1c4075 138.36%)
}

.forgot-password-modal .modal-header hr {
    background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #1a0b77))
}

.forgot-password-modal hr {
    border-top-color: #1a0b77
}

.whitelisted-domains-link {
    background: #1a0b77;
    color: #fff
}

.search-header .search-title img {
    filter: invert(15%) sepia(83%) saturate(6753%) hue-rotate(313deg) brightness(109%) contrast(108%)
}

.standard-remark-notification .remark-notification-content span {
    color: #1a0b77
}

.referral-contact-verification p {
    color: #333
}

.add-new-payment-account-container a {
    color: #000
}

.add-new-payment-account-container a img {
    filter: initial
}

.payment-account-list .payment-account-item .payment-account-title-container .payment-account-title,
.payment-account-list .payment-account-item .payment-account-number,
.payment-account-detail-container .payment-account-detail-item .payment-account-detail-label,
.payment-account-detail-container .payment-account-detail-item .payment-account-detail-value {
    color: #000
}

.payment-account-list .payment-account-item a>img {
    filter: initial
}

.payment-account-list .payment-account-item .payment-account-title-container .default-label {
    background-color: #f6f6f6;
    color: #7b7b7b;
    border-color: #d2d2d2
}

.set-as-default-button {
    color: #1a0b77;
    background: none;
    border-color: #1a0b77
}

.notification-list .notification-item .notification-play-button {
    background: #1a0b77;
    color: #fff
}

.claim-item .claim-title .free-spin-note {
    color: #1a0b77
}

.floating-action-button .floating-action-button-item {
    background: linear-gradient(0deg, #c7038c 0%, #1a0b77 100%);
    border-color: #ff43c6;
    box-shadow: 0 4px 24px 0 #1a0b7780
}

.bonus-selection-container .bonus-action .cancel-bonus-button {
    border: 1px solid #1a0b77;
    color: #1a0b77
}

.bonus-selection-container,
.bonus-selection-list .bonus-selection-card.selected {
    background: #ffe3fb;
    border-color: #1a0b77;
    color: #1a0b77
}

.bonus-selection-container .bonus-action>img {
    filter: invert(41%) sepia(100%) saturate(3896%) hue-rotate(308deg) brightness(100%) contrast(117%)
}

.bonus-selection-list .bonus-selection-card {
    background: #fff;
    border-color: #c9c9c9
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-content {
    background: #fff;
    color: #000
}

.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-content,
.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-footer {
    background: #ffe3fb
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer {
    background: #fff
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer .terms-and-conditions-button img {
    filter: invert(1)
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer .end-date {
    color: #da5c53
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail {
    color: #656565;
    background: #f9f9f9
}

.bonus-selection-list .bonus-selection-card .remarks-container {
    border-color: #e60105;
    background: #ffe0e0;
    color: #000
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer .terms-and-conditions-button {
    color: #000
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] {
    background: #dfdfdf;
    border-color: #c9c9c9
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] .bonus-selection-card-content {
    background: #dfdfdf;
    color: #adadad
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] .bonus-selection-card-content .bonus-selected {
    background: #d4d4d4
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] .bonus-selection-card-footer {
    background: #dfdfdf
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] .bonus-selection-card-footer .terms-and-conditions-button img {
    filter: invert(1)
}

.bonus-selection-card-highlighted-section {
    background: #f1f1f1;
    color: #656565
}

.standard-inline-form-group .form-control[readonly] {
    background-color: #d5d9e6
}

.simple-modal .btn-secondary {
    border: 1px solid #1a0b77;
    color: #1a0b77
}

.payment-account-list .payment-account-item:hover {
    background-color: #e7e7e7
}

.payment-account-list .payment-account-item .arrow-right {
    filter: invert(0)
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-content .title .bonus-button {
    background-color: #eee;
    border-color: #bfb9cf
}

.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-content .title .bonus-button {
    background-color: #f37070;
    border-color: #cb5c5c;
    color: #720808
}

.standard-outline-button {
    border-color: #1a0b77
}

.standard-remarks-container .standard-remarks-content-container p {
    color: #222
}

.standard-remarks-container .standard-remarks-content-container p span {
    color: #1a0b77
}

.contact-verification-popup .contact-verification-section input {
    background-color: transparent;
    color: #333;
    border-color: #b2b2b2
}

.menu-slide>i {
    color: #adbed2
}

/* ==================================================
   PUMA33 ADVANCED CONTENT STYLE
   Squarish • Dark • Modern • No Border Radius
================================================== */

.site-description {
    --puma-bg: #09090b;
    --puma-panel: #101014;
    --puma-panel-alt: #15151b;
    --puma-line: #292933;
    --puma-blue: #2437ff;
    --puma-blue-soft: rgba(36, 55, 255, 0.14);
    --puma-yellow: #d8e400;
    --puma-text: #e7e8ee;
    --puma-muted: #a6a8b3;

    position: relative;
    margin: 30px 0;
    padding: 30px;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(36, 55, 255, 0.08), transparent 35%),
        linear-gradient(315deg, rgba(216, 228, 0, 0.04), transparent 30%),
        var(--puma-bg);
    border-top: 3px solid var(--puma-blue);
    border-right: 1px solid var(--puma-line);
    border-bottom: 1px solid var(--puma-line);
    border-left: 1px solid var(--puma-line);
    color: var(--puma-text);
    line-height: 1.8;
}

.site-description::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 3px;
    background: var(--puma-yellow);
}

.site-description::after {
    content: "";
    position: absolute;
    right: -70px;
    bottom: -70px;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(36, 55, 255, 0.2);
    transform: rotate(45deg);
    pointer-events: none;
}

.site-description h1,
.site-description h2,
.site-description h3 {
    position: relative;
    color: #ffffff;
    line-height: 1.35;
    letter-spacing: -0.02em;
}

.site-description h2 {
    margin: 38px 0 18px;
    padding: 14px 16px 14px 20px;
    background:
        linear-gradient(
            90deg,
            var(--puma-blue-soft),
            rgba(36, 55, 255, 0.02)
        );
    border-left: 4px solid var(--puma-blue);
    border-top: 1px solid var(--puma-line);
    border-bottom: 1px solid var(--puma-line);
}

.site-description h2::after {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    width: 70px;
    height: 2px;
    background: var(--puma-yellow);
}

.site-description h3 {
    margin: 28px 0 12px;
    padding-left: 14px;
    border-left: 3px solid var(--puma-yellow);
}

.site-description p {
    position: relative;
    margin: 0 0 18px;
    color: var(--puma-muted);
}

.site-description a {
    color: var(--puma-yellow);
    text-decoration: none;
    border-bottom: 1px solid rgba(216, 228, 0, 0.45);
    transition: 0.25s ease;
}

.site-description a:hover {
    color: #ffffff;
    border-color: var(--puma-blue);
}


/* ==================================================
   ADVANCED CONTENT TABLE
================================================== */

.content-table {
    width: 100%;
    margin: 28px 0;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--puma-panel);
    border: 1px solid var(--puma-line);
    box-shadow:
        8px 8px 0 rgba(36, 55, 255, 0.12),
        -1px -1px 0 rgba(255, 255, 255, 0.025);
}

.content-table th,
.content-table td {
    padding: 15px 18px;
    text-align: left;
    vertical-align: middle;
    border-right: 1px solid var(--puma-line);
    border-bottom: 1px solid var(--puma-line);
}

.content-table th:last-child,
.content-table td:last-child {
    border-right: 0;
}

.content-table tbody tr:last-child td {
    border-bottom: 0;
}

.content-table thead th {
    position: relative;
    background:
        linear-gradient(
            135deg,
            rgba(36, 55, 255, 0.28),
            rgba(36, 55, 255, 0.08)
        ),
        #101017;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.content-table thead th:first-child::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 42px;
    height: 3px;
    background: var(--puma-yellow);
}

.content-table tbody td {
    color: var(--puma-muted);
    background: rgba(255, 255, 255, 0.012);
    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.content-table tbody tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.028);
}

.content-table tbody tr:hover td {
    color: #ffffff;
    background: rgba(36, 55, 255, 0.11);
}

.content-table tbody tr:hover td:first-child {
    box-shadow: inset 4px 0 0 var(--puma-yellow);
}


/* ==================================================
   ADVANCED UL LIST
================================================== */

.site-description ul {
    display: grid;
    gap: 10px;
    margin: 22px 0 28px;
    padding: 0;
    list-style: none;
}

.site-description ul li {
    position: relative;
    min-height: 24px;
    padding: 13px 16px 13px 48px;
    overflow: hidden;
    background:
        linear-gradient(
            90deg,
            rgba(36, 55, 255, 0.1),
            rgba(255, 255, 255, 0.015) 55%
        );
    border: 1px solid var(--puma-line);
    color: var(--puma-muted);
    transition:
        border-color 0.25s ease,
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.site-description ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 17px;
    width: 10px;
    height: 10px;
    background: var(--puma-blue);
    border: 2px solid var(--puma-yellow);
    transform: translateY(-50%) rotate(45deg);
}

.site-description ul li::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: var(--puma-blue);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.25s ease;
}

.site-description ul li:hover {
    color: #ffffff;
    border-color: rgba(36, 55, 255, 0.75);
    background:
        linear-gradient(
            90deg,
            rgba(36, 55, 255, 0.18),
            rgba(216, 228, 0, 0.025)
        );
    transform: translateX(4px);
}

.site-description ul li:hover::after {
    transform: scaleY(1);
}


/* ==================================================
   OPTIONAL NUMBERED LIST
================================================== */

.site-description ol {
    counter-reset: puma-step;
    display: grid;
    gap: 10px;
    margin: 22px 0 28px;
    padding: 0;
    list-style: none;
}

.site-description ol li {
    counter-increment: puma-step;
    position: relative;
    padding: 14px 16px 14px 62px;
    background: var(--puma-panel);
    border: 1px solid var(--puma-line);
    color: var(--puma-muted);
}

.site-description ol li::before {
    content: counter(puma-step, decimal-leading-zero);
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    display: grid;
    width: 44px;
    place-items: center;
    background: var(--puma-blue);
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.05em;
}


/* ==================================================
   RESPONSIVE TABLE
================================================== */

@media (max-width: 768px) {
    .site-description {
        padding: 22px 16px;
    }

    .site-description h2 {
        padding: 13px 13px 13px 16px;
        font-size: 21px;
    }

    .content-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        box-shadow: 5px 5px 0 rgba(36, 55, 255, 0.12);
    }

    .content-table th,
    .content-table td {
        padding: 13px 14px;
    }

    .site-description ul li {
        padding: 12px 12px 12px 44px;
    }
}

.puma-download {
    --puma-bg: #09090b;
    --puma-panel: #101014;
    --puma-panel-alt: #15151b;
    --puma-line: #292933;
    --puma-blue: #2437ff;
    --puma-yellow: #d8e400;
    --puma-text: #ffffff;
    --puma-muted: #a6a8b3;

    position: relative;
    margin: 34px 0;
    padding: 34px 30px 30px;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(36, 55, 255, 0.10), transparent 38%),
        linear-gradient(315deg, rgba(216, 228, 0, 0.04), transparent 30%),
        var(--puma-bg);
    border-top: 3px solid var(--puma-blue);
    border-right: 1px solid var(--puma-line);
    border-bottom: 1px solid var(--puma-line);
    border-left: 1px solid var(--puma-line);
    color: var(--puma-text);
}

.puma-download::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 190px;
    height: 3px;
    background: var(--puma-yellow);
}

.puma-download::after {
    content: "";
    position: absolute;
    right: -100px;
    bottom: -100px;
    width: 240px;
    height: 240px;
    border: 1px solid rgba(36, 55, 255, 0.18);
    transform: rotate(45deg);
    pointer-events: none;
}

.puma-download-head {
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 auto 28px;
    text-align: center;
}

.puma-download-label {
    display: inline-block;
    margin-bottom: 11px;
    padding: 6px 11px;
    background: var(--puma-blue);
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.13em;
}

.puma-download-head h2 {
    margin: 0 0 11px;
    color: #ffffff;
    font-size: clamp(25px, 4vw, 36px);
    line-height: 1.25;
    letter-spacing: -0.03em;
}

.puma-download-head p {
    max-width: 680px;
    margin: 0 auto;
    color: var(--puma-muted);
    line-height: 1.75;
}

.puma-device-tabs {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 620px;
    margin: 0 auto 26px;
    border: 1px solid var(--puma-line);
    background: var(--puma-panel);
}

.puma-device-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 76px;
    padding: 12px 18px;
    border: 0;
    border-right: 1px solid var(--puma-line);
    background: transparent;
    color: var(--puma-muted);
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease;
}

.puma-device-tab:last-child {
    border-right: 0;
}

.puma-device-tab img {
    width: 44px;
    height: 44px;
    object-fit: contain;
    background: #ffffff;
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.puma-device-tab span {
    display: flex;
    flex-direction: column;
}

.puma-device-tab small {
    margin-bottom: 3px;
    color: inherit;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.72;
}

.puma-device-tab:hover {
    color: #ffffff;
    background: rgba(36, 55, 255, 0.1);
}

.puma-device-tab.active {
    color: #ffffff;
    background:
        linear-gradient(135deg, rgba(36, 55, 255, 1), rgba(30, 42, 196, 1));
    box-shadow: inset 0 -3px 0 var(--puma-yellow);
}

.puma-device-panel {
    position: relative;
    z-index: 1;
    display: none;
}

.puma-device-panel.active {
    display: block;
    animation: pumaPanelShow 0.35s ease;
}

.puma-panel-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 0 auto 20px;
    text-align: left;
}

.puma-panel-title img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    background: #ffffff;
    padding: 6px;
    border: 1px solid var(--puma-line);
    box-shadow: 5px 5px 0 rgba(36, 55, 255, 0.24);
}

.puma-panel-title span {
    display: block;
    margin-bottom: 3px;
    color: var(--puma-yellow);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.13em;
}

.puma-panel-title h3 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(18px, 3vw, 23px);
    line-height: 1.3;
}

.puma-download-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.puma-download-step {
    position: relative;
    display: flex;
    gap: 15px;
    min-height: 155px;
    padding: 20px;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(36, 55, 255, 0.11), transparent 52%),
        var(--puma-panel);
    border: 1px solid var(--puma-line);
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease;
}

.puma-download-step::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 36px;
    height: 3px;
    background: var(--puma-yellow);
    transition: width 0.25s ease;
}

.puma-download-step:hover {
    transform: translateY(-4px);
    border-color: rgba(36, 55, 255, 0.85);
    background:
        linear-gradient(135deg, rgba(36, 55, 255, 0.19), transparent 55%),
        var(--puma-panel-alt);
}

.puma-download-step:hover::after {
    width: 100%;
}

.puma-step-number {
    display: grid;
    flex: 0 0 44px;
    height: 44px;
    place-items: center;
    background: var(--puma-blue);
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.05em;
    box-shadow: 4px 4px 0 rgba(216, 228, 0, 0.85);
}

.puma-download-step h3 {
    margin: 2px 0 8px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.35;
}

.puma-download-step p {
    margin: 0;
    color: var(--puma-muted);
    font-size: 14px;
    line-height: 1.7;
}

.puma-download-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-top: 14px;
    padding: 13px 16px;
    background: rgba(216, 228, 0, 0.045);
    border: 1px solid var(--puma-line);
    border-left: 4px solid var(--puma-yellow);
    color: var(--puma-muted);
}

.puma-download-note img {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    object-fit: contain;
    background: #ffffff;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.puma-download-note p {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
}

@keyframes pumaPanelShow {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 900px) {
    .puma-download-grid {
        grid-template-columns: 1fr;
    }

    .puma-download-step {
        min-height: auto;
    }
}

@media (max-width: 620px) {
    .puma-download {
        padding: 24px 15px 20px;
    }

    .puma-device-tabs {
        grid-template-columns: 1fr;
    }

    .puma-device-tab {
        justify-content: flex-start;
        min-height: 68px;
        border-right: 0;
        border-bottom: 1px solid var(--puma-line);
    }

    .puma-device-tab:last-child {
        border-bottom: 0;
    }

    .puma-device-tab img {
        width: 40px;
        height: 40px;
    }

    .puma-panel-title {
        align-items: center;
        justify-content: flex-start;
    }

    .puma-panel-title img {
        width: 46px;
        height: 46px;
    }

    .puma-download-step {
        padding: 17px 15px;
    }

    .puma-download-note {
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.puma-bonus-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 22px 0 16px;
}

.puma-bonus-box {
    position: relative;
    min-height: 145px;
    padding: 22px 20px 20px 72px;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            rgba(36, 55, 255, 0.13),
            transparent 58%
        ),
        var(--puma-panel, #101014);
    border: 1px solid var(--puma-line, #292933);
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease;
}

.puma-bonus-box::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55px;
    height: 3px;
    background: var(--puma-yellow, #d8e400);
    transition: width 0.25s ease;
}

.puma-bonus-box:hover {
    transform: translateY(-4px);
    border-color: rgba(36, 55, 255, 0.85);
    background:
        linear-gradient(
            135deg,
            rgba(36, 55, 255, 0.21),
            transparent 60%
        ),
        var(--puma-panel-alt, #15151b);
}

.puma-bonus-box:hover::after {
    width: 100%;
}

.puma-bonus-number {
    position: absolute;
    top: 20px;
    left: 20px;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    background: var(--puma-blue, #2437ff);
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.05em;
    box-shadow: 4px 4px 0 var(--puma-yellow, #d8e400);
}

.puma-bonus-box h3 {
    margin: 0 0 9px;
    padding: 0;
    border: 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.35;
}

.puma-bonus-box p {
    margin: 0;
    color: var(--puma-muted, #a6a8b3);
    font-size: 14px;
    line-height: 1.7;
}

.puma-bonus-notice {
    position: relative;
    margin: 14px 0 24px;
    padding: 14px 16px 14px 20px;
    background: rgba(216, 228, 0, 0.045);
    border: 1px solid var(--puma-line, #292933);
    border-left: 4px solid var(--puma-yellow, #d8e400);
    color: var(--puma-muted, #a6a8b3);
    font-size: 13px;
    line-height: 1.7;
}

@media (max-width: 700px) {
    .puma-bonus-grid {
        grid-template-columns: 1fr;
    }

    .puma-bonus-box {
        min-height: auto;
        padding: 20px 16px 18px 66px;
    }

    .puma-bonus-number {
        top: 18px;
        left: 16px;
    }
}

.puma-popup {
    --puma-bg: #09090b;
    --puma-panel: #101014;
    --puma-panel-alt: #15151b;
    --puma-line: #292933;
    --puma-blue: #2437ff;
    --puma-yellow: #d8e400;
    --puma-text: #ffffff;
    --puma-muted: #a6a8b3;

    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
}

.puma-popup.is-visible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.puma-popup-overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at center,
            rgba(36, 55, 255, 0.15),
            transparent 52%
        ),
        rgba(0, 0, 0, 0.88);
    backdrop-filter: blur(5px);
    cursor: pointer;
}

.puma-popup-dialog {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(330px, 0.92fr);
    width: min(
        950px,
        calc(100vw - 36px),
        calc(100vh * 1.55)
    );
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            rgba(36, 55, 255, 0.12),
            transparent 38%
        ),
        linear-gradient(
            315deg,
            rgba(216, 228, 0, 0.035),
            transparent 30%
        ),
        var(--puma-bg);
    border-top: 3px solid var(--puma-blue);
    border-right: 1px solid var(--puma-line);
    border-bottom: 1px solid var(--puma-line);
    border-left: 1px solid var(--puma-line);
    box-shadow:
        10px 10px 0 rgba(36, 55, 255, 0.16),
        0 28px 90px rgba(0, 0, 0, 0.72);
    transform: translateY(20px) scale(0.97);
    transition: transform 0.35s ease;
}

.puma-popup.is-visible .puma-popup-dialog {
    transform: translateY(0) scale(1);
}

.puma-popup-dialog::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 180px;
    height: 3px;
    background: var(--puma-yellow);
}


/* Close button */

.puma-popup-close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 20;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(9, 9, 11, 0.94);
    cursor: pointer;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.puma-popup-close span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    background: #ffffff;
}

.puma-popup-close span:first-child {
    transform: translate(-50%, -50%) rotate(45deg);
}

.puma-popup-close span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.puma-popup-close:hover {
    background: var(--puma-blue);
    border-color: var(--puma-yellow);
    transform: rotate(90deg);
}


/* Full square image */

.puma-popup-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 10px;
    background:
        linear-gradient(
            135deg,
            rgba(36, 55, 255, 0.08),
            transparent 45%
        ),
        #050507;
    border-right: 1px solid var(--puma-line);
}

.puma-popup-visual::before {
    content: "";
    position: absolute;
    inset: 10px;
    z-index: 2;
    border: 1px solid rgba(36, 55, 255, 0.2);
    pointer-events: none;
}

.puma-popup-visual img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    object-position: center;
}


/* Content */

.puma-popup-content {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 58px 34px 32px;
}

.puma-popup-label {
    align-self: flex-start;
    margin-bottom: 13px;
    padding: 6px 11px;
    background: var(--puma-blue);
    color: #ffffff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.puma-popup-content h2 {
    margin: 0 0 13px;
    color: #ffffff;
    font-size: clamp(27px, 3.2vw, 39px);
    line-height: 1.15;
    letter-spacing: -0.035em;
}

.puma-popup-content > p {
    margin: 0 0 22px;
    color: var(--puma-muted);
    font-size: 14px;
    line-height: 1.7;
}


/* Download buttons */

.puma-popup-downloads {
    display: grid;
    gap: 10px;
}

.puma-popup-download {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 28px;
    align-items: center;
    gap: 12px;
    min-height: 68px;
    padding: 9px 14px 9px 9px;
    overflow: hidden;
    background:
        linear-gradient(
            90deg,
            rgba(36, 55, 255, 0.17),
            rgba(255, 255, 255, 0.018)
        ),
        var(--puma-panel);
    border: 1px solid var(--puma-line);
    color: #ffffff;
    text-decoration: none;
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease;
}

.puma-popup-download::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 48px;
    height: 3px;
    background: var(--puma-yellow);
    transition: width 0.25s ease;
}

.puma-popup-download:hover {
    transform: translateX(5px);
    border-color: rgba(36, 55, 255, 0.9);
    background:
        linear-gradient(
            90deg,
            rgba(36, 55, 255, 0.27),
            rgba(216, 228, 0, 0.035)
        ),
        var(--puma-panel-alt);
}

.puma-popup-download:hover::after {
    width: 100%;
}

.puma-download-icon {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.puma-download-icon img {
    display: block;
    width: 39px;
    height: 39px;
    object-fit: contain;
}

.puma-download-text {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.puma-download-text small {
    margin-bottom: 3px;
    color: var(--puma-muted);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.puma-download-text strong {
    overflow: hidden;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.puma-download-arrow {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    background: var(--puma-blue);
    color: #ffffff;
    font-size: 17px;
    transition:
        color 0.25s ease,
        background 0.25s ease;
}

.puma-popup-download:hover .puma-download-arrow {
    background: var(--puma-yellow);
    color: #09090b;
}


/* Features */

.puma-popup-features {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 16px;
}

.puma-popup-features span {
    position: relative;
    padding: 7px 9px 7px 19px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid var(--puma-line);
    color: var(--puma-muted);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.puma-popup-features span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 6px;
    height: 6px;
    background: var(--puma-yellow);
    transform: translateY(-50%) rotate(45deg);
}


/* Continue button */

.puma-popup-later {
    align-self: center;
    margin-top: 19px;
    padding: 5px 0;
    border: 0;
    border-bottom: 1px solid rgba(166, 168, 179, 0.42);
    background: transparent;
    color: var(--puma-muted);
    font: inherit;
    font-size: 11px;
    cursor: pointer;
    transition:
        color 0.25s ease,
        border-color 0.25s ease;
}

.puma-popup-later:hover {
    color: #ffffff;
    border-color: var(--puma-yellow);
}

body.puma-popup-open {
    overflow: hidden;
}


/* Tablet */

@media (max-width: 850px) and (min-width: 681px) {
    .puma-popup-dialog {
        grid-template-columns:
            minmax(360px, 1fr)
            minmax(300px, 0.85fr);
        width: min(820px, calc(100vw - 28px));
    }

    .puma-popup-content {
        padding: 55px 23px 27px;
    }

    .puma-popup-content h2 {
        font-size: 30px;
    }

    .puma-popup-content > p {
        font-size: 13px;
    }
}


/* Mobile */

@media (max-width: 680px) {
    .puma-popup {
        display: block;
        padding: 10px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .puma-popup-dialog {
        display: block;
        width: min(480px, 100%);
        margin: auto;
        overflow: hidden;
        box-shadow: 5px 5px 0 rgba(36, 55, 255, 0.16);
    }

    .puma-popup-visual {
        width: 100%;
        padding: 8px;
        border-right: 0;
        border-bottom: 1px solid var(--puma-line);
    }

    .puma-popup-visual::before {
        inset: 8px;
    }

    .puma-popup-visual img {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: contain;
    }

    .puma-popup-content {
        padding: 25px 16px 20px;
        text-align: center;
    }

    .puma-popup-label {
        align-self: center;
    }

    .puma-popup-content h2 {
        font-size: 27px;
    }

    .puma-popup-content > p {
        margin-bottom: 17px;
        font-size: 13px;
    }

    .puma-popup-download {
        grid-template-columns: 47px minmax(0, 1fr) 27px;
        min-height: 63px;
        text-align: left;
    }

    .puma-download-icon {
        width: 45px;
        height: 45px;
    }

    .puma-download-icon img {
        width: 35px;
        height: 35px;
    }

    .puma-download-text strong {
        font-size: 15px;
    }

    .puma-popup-features {
        justify-content: center;
    }

    .puma-popup-close {
        top: 11px;
        right: 11px;
        width: 39px;
        height: 39px;
    }
}


/* Small mobile */

@media (max-width: 400px) {
    .puma-popup {
        padding: 7px;
    }

    .puma-popup-content {
        padding-right: 12px;
        padding-left: 12px;
    }

    .puma-popup-features span {
        font-size: 8px;
    }
}


/* Short desktop screens */

@media (min-width: 681px) and (max-height: 620px) {
    .puma-popup-dialog {
        width: min(
            820px,
            calc(100vw - 30px),
            calc(100vh * 1.6)
        );
    }

    .puma-popup-content {
        padding: 48px 25px 24px;
    }

    .puma-popup-content h2 {
        font-size: 30px;
    }

    .puma-popup-content > p {
        margin-bottom: 16px;
        font-size: 12px;
    }

    .puma-popup-download {
        min-height: 60px;
    }

    .puma-download-icon {
        width: 44px;
        height: 44px;
    }

    .puma-download-icon img {
        width: 34px;
        height: 34px;
    }

    .puma-popup-features {
        margin-top: 12px;
    }

    .puma-popup-later {
        margin-top: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .puma-popup,
    .puma-popup-dialog,
    .puma-popup-close,
    .puma-popup-download,
    .puma-popup-download::after,
    .puma-download-arrow {
        transition: none;
    }
}

.puma-testimonial {
    --puma-bg: #09090b;
    --puma-panel: #101014;
    --puma-panel-alt: #15151b;
    --puma-line: #292933;
    --puma-blue: #2437ff;
    --puma-yellow: #d8e400;
    --puma-text: #ffffff;
    --puma-muted: #a6a8b3;

    position: relative;
    margin: 34px 0;
    padding: 34px 66px 30px;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            rgba(36, 55, 255, 0.1),
            transparent 38%
        ),
        linear-gradient(
            315deg,
            rgba(216, 228, 0, 0.04),
            transparent 30%
        ),
        var(--puma-bg);
    border-top: 3px solid var(--puma-blue);
    border-right: 1px solid var(--puma-line);
    border-bottom: 1px solid var(--puma-line);
    border-left: 1px solid var(--puma-line);
    color: var(--puma-text);
}

.puma-testimonial::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 190px;
    height: 3px;
    background: var(--puma-yellow);
}

.puma-testimonial::after {
    content: "";
    position: absolute;
    right: -95px;
    bottom: -95px;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(36, 55, 255, 0.18);
    transform: rotate(45deg);
    pointer-events: none;
}


/* Header */

.puma-testimonial-head {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: 0 auto 28px;
    text-align: center;
}

.puma-testimonial-label {
    display: inline-block;
    margin-bottom: 11px;
    padding: 6px 11px;
    background: var(--puma-blue);
    color: #ffffff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.puma-testimonial-head h2 {
    margin: 0 0 11px;
    padding: 0;
    border: 0;
    color: #ffffff;
    font-size: clamp(25px, 4vw, 36px);
    line-height: 1.25;
    letter-spacing: -0.03em;
}

.puma-testimonial-head p {
    max-width: 670px;
    margin: 0 auto;
    color: var(--puma-muted);
    line-height: 1.75;
}


/* Slider */

.puma-testimonial-slider {
    position: relative;
    z-index: 2;
}

.puma-testimonial-viewport {
    width: 100%;
    overflow: hidden;
}

.puma-testimonial-track {
    display: flex;
    margin: 0 -6px;
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: transform;
}

.puma-testimonial-card {
    position: relative;
    flex: 0 0 calc(33.333333% - 12px);
    min-width: 0;
    min-height: 270px;
    margin: 0 6px;
    padding: 21px;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            rgba(36, 55, 255, 0.12),
            transparent 58%
        ),
        var(--puma-panel);
    border: 1px solid var(--puma-line);
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease;
}

.puma-testimonial-card::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 54px;
    height: 3px;
    background: var(--puma-yellow);
    transition: width 0.25s ease;
}

.puma-testimonial-card:hover {
    transform: translateY(-4px);
    border-color: rgba(36, 55, 255, 0.85);
    background:
        linear-gradient(
            135deg,
            rgba(36, 55, 255, 0.21),
            transparent 60%
        ),
        var(--puma-panel-alt);
}

.puma-testimonial-card:hover::after {
    width: 100%;
}


/* Profile */

.puma-testimonial-top {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 12px;
    margin-bottom: 17px;
}

.puma-testimonial-avatar {
    display: block;
    width: 52px;
    height: 52px;
    padding: 7px;
    object-fit: contain;
    background: #08080b;
    border: 1px solid var(--puma-line);
    box-shadow: 4px 4px 0 rgba(36, 55, 255, 0.42);
}

.puma-testimonial-person {
    min-width: 0;
}

.puma-testimonial-person h3 {
    margin: 0 0 3px;
    padding: 0;
    border: 0;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.3;
}

.puma-testimonial-person span {
    display: block;
    overflow: hidden;
    color: var(--puma-muted);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.puma-testimonial-quote {
    color: rgba(216, 228, 0, 0.85);
    font-family: Georgia, serif;
    font-size: 49px;
    line-height: 0.8;
    text-align: right;
}


/* Testimonial text */

.puma-testimonial-card > p {
    margin: 0;
    color: var(--puma-muted);
    font-size: 14px;
    line-height: 1.75;
}


/* Bottom information */

.puma-testimonial-meta {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid var(--puma-line);
}

.puma-testimonial-meta > span:first-child {
    color: #c6c7cf;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.puma-testimonial-rating {
    flex: 0 0 auto;
    color: var(--puma-yellow);
    font-size: 13px;
    letter-spacing: 2px;
}


/* Previous and next controls */

.puma-testimonial-nav {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: grid;
    width: 42px;
    height: 62px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--puma-line);
    background: rgba(16, 16, 20, 0.96);
    color: #ffffff;
    font-size: 21px;
    cursor: pointer;
    transform: translateY(-50%);
    transition:
        color 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
}

.puma-testimonial-prev {
    left: -52px;
}

.puma-testimonial-next {
    right: -52px;
}

.puma-testimonial-nav:hover {
    background: var(--puma-blue);
    border-color: var(--puma-yellow);
    color: var(--puma-yellow);
}

.puma-testimonial-nav:disabled {
    cursor: default;
    opacity: 0.35;
}


/* Navigation dots */

.puma-testimonial-dots {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    gap: 7px;
    margin-top: 22px;
}

.puma-testimonial-dot {
    width: 25px;
    height: 5px;
    padding: 0;
    border: 0;
    background: #30303a;
    cursor: pointer;
    transition:
        width 0.25s ease,
        background 0.25s ease;
}

.puma-testimonial-dot:hover {
    background: rgba(36, 55, 255, 0.8);
}

.puma-testimonial-dot.active {
    width: 44px;
    background: var(--puma-yellow);
}


/* Tablet */

@media (max-width: 960px) {
    .puma-testimonial {
        padding-right: 58px;
        padding-left: 58px;
    }

    .puma-testimonial-card {
        flex-basis: calc(50% - 12px);
    }

    .puma-testimonial-prev {
        left: -47px;
    }

    .puma-testimonial-next {
        right: -47px;
    }
}


/* Mobile */

@media (max-width: 650px) {
    .puma-testimonial {
        padding: 26px 15px 23px;
    }

    .puma-testimonial-head {
        margin-bottom: 22px;
    }

    .puma-testimonial-head h2 {
        font-size: 25px;
    }

    .puma-testimonial-head p {
        font-size: 13px;
    }

    .puma-testimonial-card {
        flex-basis: calc(100% - 12px);
        min-height: 255px;
        padding: 19px 17px;
    }

    .puma-testimonial-nav {
        top: auto;
        bottom: -58px;
        width: 42px;
        height: 38px;
        transform: none;
    }

    .puma-testimonial-prev {
        left: calc(50% - 102px);
    }

    .puma-testimonial-next {
        right: calc(50% - 102px);
    }

    .puma-testimonial-dots {
        min-height: 38px;
        margin-top: 25px;
        align-items: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .puma-testimonial-track,
    .puma-testimonial-card,
    .puma-testimonial-card::after,
    .puma-testimonial-nav,
    .puma-testimonial-dot {
        transition: none;
    }
}