.action-modal-fix.welcome-package {}
.action-modal-fix.welcome-package .action-modal {}
.action-modal-fix.welcome-package .action-modal-container .action-modal .action-modal-body-container .action-modal-body-top .title {
    color: #FFF;
    font-size: 20px;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 8px;
}

.action-modal-fix.welcome-package .action-modal-container .action-modal .action-modal-body-container.points .action-modal-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.action-modal-fix.welcome-package .action-modal-container .action-modal .action-modal-body-container.points .action-modal-body-top {
    padding: 20px;
    padding-right: 14px;
    padding-bottom: 0;
}

.action-modal-fix.welcome-package .action-modal .action-modal-body-container {
    overflow: hidden scroll;
    border-radius: 24px;
}
.action-modal-fix.welcome-package .girl {
    width: 702px;
    height: 526px;
    background-image: url(../../system/slider/deposit/girl.png);
    background-size: 100%;
    position: relative;
    margin-bottom: -526px;
    z-index: 0;
    transform: translate(-10px, -52px) scale(0.8);
}
.action-modal-fix.welcome-package .content {
    width: calc(100% - 40px);
    padding: 0px 10px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    position: relative;
    z-index: 2;
    padding-bottom: 10px;
}
.action-modal-fix.welcome-package .content .top {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.action-modal-fix.welcome-package .content .top .title {
    color: #fff;
    font-size: 40px;
    font-weight: 800;
    text-shadow: 0 4px 0 rgba(0, 0, 0, 0.25);
    line-height: 100%;
}
.action-modal-fix.welcome-package .content .top .description {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}
.action-modal-fix.welcome-package .content .bonuses {
    display: flex;
    gap: 20px;
}
.action-modal-fix.welcome-package .content .bonuses .bonus {
    width: 100%;
    height: 115px;
    border-radius: 24px;
    border: 1px solid #6517AA;
    background: linear-gradient(224deg, rgba(101, 23, 170, 0.60) 1.42%, rgba(40, 9, 68, 0.60) 93.79%);
    box-shadow: 0 0 4px 0 #6517AA;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
}
.action-modal-fix.welcome-package .content .bonuses .bonus .details {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    align-items: center;
    padding-top: 23px;
    text-align: center;
}
.action-modal-fix.welcome-package .content .bonuses .bonus .details span {
    color: #fff;
    font-size: 32px;
    font-weight: 800;
    text-shadow: 0 4px 0 rgba(0, 0, 0, 0.25);
}
.action-modal-fix.welcome-package .content .bonuses .bonus .line {
    width: 60%;
    height: 4px;
    border-radius: 14px 14px 0 0;
    background: #6517AA;
}

.action-modal-container .action-modal .action-modal-body-container .action-modal-body .description {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 10px;
}

.action-modal-fix.welcome-package .content .bottom {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.action-modal-fix.welcome-package .content .bottom .white-button {
    width: 56%;
    color: #6517AA;
}
.action-modal-fix.welcome-package .content .bottom span {
    font-size: 12px;
    line-height: 100%;
}

.action-modal-fix.welcome-package .action-modal-container .action-modal .action-modal-body-container.points {
    /* min-width: unset !important; */
    min-width: auto;
    background: #101626;
}

.action-modal-fix.welcome-package .action-modal-container .action-modal .action-modal-body-container.fix-width {
    background: radial-gradient(41.55% 179.03% at 97.12% 60.75%, rgba(136, 1, 255, 0.60) 0%, rgba(16, 22, 38, 0.00) 100%), radial-gradient(92.46% 101.99% at 14.06% 0%, rgba(101, 23, 170, 0.60) 0%, rgba(16, 22, 38, 0.00) 100%), #101626;
}

@media (min-width: 800px) {
    .action-modal-fix.welcome-package .action-modal-container .action-modal .action-modal-body-container.fix-width {
        min-width: 600px;
    }

    .action-modal-fix.welcome-package .content {
        max-width: 325px;
    }
}

@media (max-width: 800px) {
    .action-modal-fix.welcome-package .action-modal-container .action-modal .action-modal-body-container.fix-width {
        min-width: unset !important;
    }

    .action-modal-fix.welcome-package .girl {
        display: none;
    }

    .action-modal-fix.welcome-package .content .bottom .white-button {
        width: calc(100% - 50px);
    }
}

.action-modal-fix.welcome-package .step {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.action-modal-fix.welcome-package .points-list {
    display: flex;
    /* gap: 20px; */
    justify-content: space-between;
    gap: 10px;
}
.action-modal-fix.welcome-package .points-list .point {
    display: flex;
    flex-direction: column;
    padding: 15px;
    align-items: center;
    gap: 15px;
    border-radius: 14px;
    width: 100%;
    background: #161C2D;
    border: 1px solid #1C2333;
}

.action-modal-fix.welcome-package .points-list .point:hover {
    background: rgba(79, 172, 254, 0.20);
    border: 1px solid #4FACFE;
    transition: all 300ms;
    cursor: pointer;
}

.action-modal-fix.welcome-package .points-list .point svg {
    stroke: #DFDFEC;
}
.action-modal-fix.welcome-package .points-list .point span {
    text-align: center;
    font-size: 14px;
}

.action-modal-fix.welcome-package .points-list .point.active {
    background: rgb(79 254 156 / 20%);
    border: 1px solid rgb(12 218 19 / 20%);
}

.action-modal-fix.welcome-package .points-list .point.active svg {
    stroke: #73DA0C;
}

.action-modal-fix.welcome-package .game-selected {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    background: #161C2D;
    border: 1px solid #1C2333;
    border-radius: 14px;
    min-height: 50px;
}
.action-modal-fix.welcome-package .game-selected .left {
    display: flex;
    align-items: center;
}
.action-modal-fix.welcome-package .game-selected .left .image {
    width: 50px;
    height: 50px;
}
.action-modal-fix.welcome-package .game-selected .left .image img {
    width: 100%;
    border-radius: 14px;
}
.action-modal-fix.welcome-package .game-selected .left .name {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding-left: 10px;
}
.action-modal-fix.welcome-package .game-selected .button {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background: #30344F;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-right: 5px;
}
.action-modal-fix.welcome-package .game-selected .button svg {}


.action-modal-fix.welcome-package .statuses {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.action-modal-fix.welcome-package .statuses .status {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #161C2D;
    border: 1px solid #1C2333;
    border-radius: 14px;
    padding: 10px 20px;
}
.action-modal-fix.welcome-package .statuses .status .icon {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.action-modal-fix.welcome-package .statuses .status .icon svg {
    stroke: #DFDFEC;
}

.action-modal-fix.welcome-package .statuses .status.active {
    background: rgb(79 254 156 / 20%);
    border: 1px solid rgb(12 218 19 / 20%);
}
.action-modal-fix.welcome-package .statuses .status.active .icon {}
.action-modal-fix.welcome-package .statuses .status.active .icon svg {
    stroke: #73DA0C;
}

.action-modal-fix.welcome-package .modal-message {
    display: flex;
    border-radius: 14px;
    padding: 12px;
    gap: 10px;
    align-items: center;
}

.action-modal-fix.welcome-package .modal-message svg {
    width: 24px;
    height: 24px;
}
.action-modal-fix.welcome-package .modal-message span {
    color: #FFF;
    font-size: 12px;
    font-weight: 300;
     /* 14.4px */
    line-height: 120%;
    width: calc(100% - 24px - 10px - 24px);
    word-break: break-word;
}

.action-modal-fix.welcome-package .modal-message span b {
    color: #fff;
}

.action-modal-fix.welcome-package .modal-message span u {
    color: #fff;
    text-decoration: underline;
}

.action-modal-fix.welcome-package .modal-message.success {
    border: 1px solid #0CDA50;
    background: #052005;
}
.action-modal-fix.welcome-package .modal-message.warning {
    border: 1px solid #DA6C0C;
    background: #201B05;
}
.action-modal-fix.welcome-package .modal-message.info {
    border: 1px solid #0C76DA;
    background: #050E20;
}

.action-modal-fix.welcome-package .modal-message.center {
    /* justify-content: center; */
    align-items: center;
    cursor: pointer;
}

.action-modal-fix.welcome-package .modal-message .arrow {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.action-modal-fix.welcome-package .modal-message .arrow svg {
    width: 22px;
    height: 22px;
}

.action-modal-fix.welcome-package .game-selected  .session-details {
    height: 34px;
    border-radius: 100px;
    backdrop-filter: blur(2px);
    -moz-backdrop-filter: blur(2px);
    -o-backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    display: flex;
    width: fit-content;
    align-items: center;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
     /* 17.6px */
    gap: 5px;
    padding-right: 10px;
    margin: 10px;
    position: absolute;
    z-index: 1;
}

.action-modal-fix.welcome-package .game-selected  .session-details {
    position: relative;
}

.action-modal-fix.welcome-package .game-selected  .session-details .icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.action-modal-fix.welcome-package .game-selected  .session-details .icon svg {
    width: 20px;
    height: 20px;
}

.action-modal-fix.welcome-package .game-selected  .session-details.testyourluck {
    border: 1px solid #79EE73;
    background: rgba(93, 198, 146, 0.60);
}
.action-modal-fix.welcome-package .game-selected  .session-details.testyourluck .icon {
    background: linear-gradient(84deg, #79EE73 -7.08%, #4FB1A1 132.64%);
}

.action-modal-fix.welcome-package .game-selected  .session-details.undefined {
    border: 1px solid rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.1);
    padding-right: 0px;
    padding: 0px 12px;
}
.action-modal-fix.welcome-package .game-selected  .session-details.undefined .icon {
    background: linear-gradient(84deg, #79EE73 -7.08%, #4FB1A1 132.64%);
}

.action-modal-fix.welcome-package .game-selected  .session-details span {
    color: #fff;
}

.action-modal-fix.welcome-package .game-selected  .session-details.cash {
    border: 1px solid #4FACFE;
    background: rgba(79, 172, 254, 0.4);
}
.action-modal-fix.welcome-package .game-selected  .session-details.cash .icon {
    background: linear-gradient(84deg, #4FACFE -7.08%, #00D1DB 132.64%);
}
.action-modal-fix.welcome-package .game-selected  .session-details.bonus {
    border: 1px solid #FCB84C;
    background: rgba(252, 184, 76, 0.4);
}
.action-modal-fix.welcome-package .game-selected  .session-details.bonus .icon {
    background: linear-gradient(152deg, #FCB84C -37.59%, #F5691A 200.14%);
}

@media (max-width: 430px) {
    .action-modal-fix.welcome-package .game-selected  .session-details {
        height: 28px;
        font-size: 14px;
        gap: 5px;
        padding-right: 10px;
    }
    .action-modal-fix.welcome-package .game-selected  .session-details .icon {
        width: 28px;
        height: 28px;
    }
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}