* {
margin: 0;
padding: 0;
box-sizing: border-box;
list-style: none !important;
text-decoration: none !important;
}

.container-fluid {
padding-left: 0px !important;
padding-right: 0px !important;
}

.luky_h {
min-height: 70vh;
}

img {
width: 100%;
}

p {
margin-bottom: 0px;
}

a {
color: #777;
}

a:hover {
color: white;
}

ul {
padding: 0px;
margin: 0px;
}

:root {
--btn-color: #BA52FD;
--secondary-color: #1C1332;
--design-bg: #422a52;
--dropdown-bg: rgb(31, 24, 62);
}

::-webkit-scrollbar {
width: 2px;
height: 5px;
}

::-webkit-scrollbar-thumb {
background-color: var(--btn-color);
}


::-webkit-scrollbar-track {
background-color: var(--secondary-color);
}

.loader_blog {
position: fixed;
top: 0;
left: 0;
background: #0000009b;
width: 100%;
height: 100vh;
z-index: 10000;
display: none;
align-items: center;
justify-content: center;
}

.loader_active {
display: flex;
}

#loader_content {
  --background: #62abff;
  --front-color: var(--btn-color);
  --back-color: #ffffff;
  --text-color: #ffffff;
  width: 64px;
  height: 64px;
  border-radius: 50px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

#loader_content svg {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

#loader_content svg circle {
  position: absolute;
  fill: none;
  stroke-width: 6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: rotate(-100deg);
  transform-origin: center;
}

#loader_content svg circle.back {
  stroke: var(--back-color);
}

#loader_content svg circle.front {
  stroke: var(--front-color);
}

#loader_content svg.circle-outer {
  height: 86px;
  width: 86px;
}

#loader_content svg.circle-outer circle {
  stroke-dasharray: 62.75 188.25;
}

#loader_content svg.circle-outer circle.back {
  animation: circle-outer135 1.8s ease infinite 0.3s;
}

#loader_content svg.circle-outer circle.front {
  animation: circle-outer135 1.8s ease infinite 0.15s;
}

#loader_content svg.circle-middle {
  height: 60px;
  width: 60px;
}

#loader_content svg.circle-middle circle {
  stroke-dasharray: 42.5 127.5;
}

#loader_content svg.circle-middle circle.back {
  animation: circle-middle6123 1.8s ease infinite 0.25s;
}

#loader_content svg.circle-middle circle.front {
  animation: circle-middle6123 1.8s ease infinite 0.1s;
}

#loader_content svg.circle-inner {
  height: 34px;
  width: 34px;
}

#loader_content svg.circle-inner circle {
  stroke-dasharray: 22 66;
}

#loader_content svg.circle-inner circle.back {
  animation: circle-inner162 1.8s ease infinite 0.2s;
}

#loader_content svg.circle-inner circle.front {
  animation: circle-inner162 1.8s ease infinite 0.05s;
}

#loader_content .text {
  position: absolute;
  bottom: -60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: lowercase;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0.2px;
}

#loader_content .text::before, #loader_content .text::after {
  content: attr(data-text);
}

#loader_content .text::before {
  color: var(--text-color);
}

#loader_content .text::after {
  color: var(--front-color);
  animation: text-animation76 3.6s ease infinite;
  position: absolute;
  left: 0;
}

@keyframes circle-outer135 {
  0% {
    stroke-dashoffset: 25;
  }

  25% {
    stroke-dashoffset: 0;
  }

  65% {
    stroke-dashoffset: 301;
  }

  80% {
    stroke-dashoffset: 276;
  }

  100% {
    stroke-dashoffset: 276;
  }
}

@keyframes circle-middle6123 {
  0% {
    stroke-dashoffset: 17;
  }

  25% {
    stroke-dashoffset: 0;
  }

  65% {
    stroke-dashoffset: 204;
  }

  80% {
    stroke-dashoffset: 187;
  }

  100% {
    stroke-dashoffset: 187;
  }
}

@keyframes circle-inner162 {
  0% {
    stroke-dashoffset: 9;
  }

  25% {
    stroke-dashoffset: 0;
  }

  65% {
    stroke-dashoffset: 106;
  }

  80% {
    stroke-dashoffset: 97;
  }

  100% {
    stroke-dashoffset: 97;
  }
}

@keyframes text-animation76 {
  0% {
    clip-path: inset(0 100% 0 0);
  }

  50% {
    clip-path: inset(0);
  }

  100% {
    clip-path: inset(0 0 0 100%);
  }
}
 

.main_bg {
position: fixed;
width: 100%;
height: 100%;
z-index: -1;
top: 0;
left: 0;
background: var(--secondary-color);
}

button {
border: none;
}

input {
outline: none;
}

.container {
max-width: 1400px;
width: 100%;
margin: auto;
}

.df {
display: flex;
}

.df-aic {
display: flex;
align-items: center;
}

.df-jcsb {
display: flex;
justify-content: space-between;
}

.df-aic-jcc {
display: flex;
align-items: center;
justify-content: center;
}

.df-aic-jcsb {
display: flex;
align-items: center;
justify-content: space-between;
}

.df-aic-jcfe {
display: flex;
align-items: center;
justify-content: flex-end;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

.slick-dots li{
border: 1px solid var(--btn-color);
border-radius: 50%;
width: 10px !important;
height: 10px !important;
}

.slick-dots li.slick-active {
background: var(--btn-color) !important;
}

.body_blog {
position: relative;
overflow: hidden;
}

/* header */

.luky_nav {

padding-top: 20px;
padding-bottom:20px;
background: #1C1332;
}

.luky_nav_content {
display: flex;
align-items: center;
justify-content: space-between;
height: 70px;
}

.luky_nav_logo a {
font-size: 20px;
color: white;
font-weight: 600;
text-align: center;
line-height: 20px;
}

.luky_nav_logo a span {
color: var(--btn-color);
}

.luky_nav_list {
display: flex;
align-items: center;
gap: 45px;
}

.mob_nav_blog {
position: absolute;
top: 61%;
left: 2%;
z-index: -1;
max-width: 156px;
width: 100%;
background: var(--design-bg);
border: 1px solid var(--btn-color);
opacity: 0;
visibility: hidden;
transition: 0.2s ease;
}

.mob_nav_active {
opacity: 1;
visibility: visible;
transition: 0.2s ease;
z-index: 1010;
}

.mob_nav_list {
display: flex;
flex-direction: column;
}

.mob_nav {
position: relative;
display: none;
padding: 10px;
}

.mob_nav_flex {
display: flex;
align-items: center;
gap: 15px;
background: var(--design-bg);
border: 1px solid var(--btn-color);
}

.mob_nav_burger_icon {
position: relative;
display: inline-block;
}

.mob_nav_burger_icon i{

color: white;
font-size: 30px;
}

.mob_nav_promt_link {
position: relative;
}

.mob_nav_promt_link, .mob_nav_promt_modal {
color: white;
}

.mob_nav_promt_modal {
font-size: 14px;
margin-top: 7px;
}

.luky_nav_blog {
position: relative;
}

.luky_nav_link {
color: inherit;
padding-top: 3px;
padding-bottom: 3px;
position: relative;
color: #b0b0b0;
}

.free_key_promt {
position: absolute;
top: 0%;
right: -25%;
width:10px;
height: 10px;
border-radius: 50%;
background: red;
animation: blink 1.5s infinite;
}

@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}

.main_video {
max-width: 55% !important;

}

.discount {
position: absolute;
top: 20%;
left: -55%;
width: max-content;
text-wrap: nowrap;
}

.discount_content {
width: 30px;
height: 30px;
background: red;
color: white;
padding: 5px ;
font-size: 10px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}

.luky_nav_link_modal {
position: absolute;
top: 134%;
left: 0;
color: rgb(192, 192, 192);
font-size: 12px;
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
}

.luky_nav_link_modal:hover {
color: white;
}

.luky_mob_nav_link {
padding: 10px;
position: relative;
color: #b0b0b0;
}

.luky_mob_nav_link .free_key {
right: 0;
}

.mob_nav_link_active {
color: white;
background: var(--secondary-color);
}

.nav_link_active.luky_nav_link::after {
width: 100%;
}

.nav_link_active {
color: white;
}

.luky_nav_link::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 3px;
border-radius: 6px;
background-color: var(--btn-color);
box-shadow: 0px 13px 22px 0px rgba(186, 82, 253, 0.27);
transition: width .2s;
}

.luky_nav_link:hover {
color: white;
}

.luky_nav_link:hover::after {
width: 100%;
}

.luky_nav_button {
display: flex;
align-items: center;
gap: 15px;
}

.luky_nav_reg {
display: block;
}

.luky_nav_login{
border: 1px solid var(--btn-color) !important;
transition: background-color .3s, box-shadow .3s;
background: transparent !important;
box-shadow: none !important;
cursor: pointer;
}

.luky_nav_login:hover {
background: var(--btn-color) !important;
}

.login_text {
color: white;
font-size: 18px;
width: 105px;
white-space: nowrap;
text-align: end; 
overflow: hidden; 
text-overflow: ellipsis;
}

.luky_nav_colum {
line-height: 30px;
}

.balance_content {
display: flex;
align-items: center;

gap: 15px;
}

.balance_col {
max-width: 100%;
width: 100%;
}

.luky_nav_flex {
display: flex;
align-items: center;
gap: 10px;
}

.balance_item {
background: var(--design-bg);
border: 1px solid var(--btn-color);
padding: 2px 15px;
color: white;
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
font-size: 15px;
}

.balance_link {
background: var(--btn-color);
color: white;
padding: 5px 15px;
transition: filter .3s;
}

.balance_link:hover {
color: white;
filter: brightness(120%);
}

.balance_item_val {
color: #3cb703;
}

.luky_activation_keys {
position: relative;
padding: 5px 15px;
background: white;
}

.activation_value {
position: absolute;
top: -5px;
right: -10px;
width: 20px;
height: 20px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
color: white;
background: var(--btn-color);
border-radius: 50%;
}

.luky_dropdown {
position: relative;
}

.luky_dropdown_link {
padding: 15px;
min-height: 30px;
height: 45px;
border-radius: 8px;
padding: 5px 11px;
background: var(--btn-color);
color: white;
font-size: 18px;
box-shadow: 0px 13px 22px 0px rgba(186, 82, 253, 0.27);
transition: filter .3s;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}

.luky_dropdown_list {
position: absolute;
z-index: 999999;
top: 100%;
right: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;

width: 280px;
background: rgb(31, 24, 62);
box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;
border-radius: 12px;
}

.luky_dropdown_avtive {
opacity: 1;
visibility: visible;
}

.luky_dropdown_header {
padding: 5px;
color: white;
}

.dropdown_header_item_title {
color: #aaaaaa;
font-size: 12px;
}

.dropdown_header_item_val {
width: 270px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.luky_dropdown_item {
width: 100%;
padding: 15px;
color: white;
cursor: pointer;
transition: 0.2s ease;
font-size: 16px;
display: flex;
align-items: center;
gap: 10px;
}

.luky_dropdown_item i {
font-size: 18px;
}

.luky_dropdown_item:hover {
background: var(--btn-color);
transition: 0.2s ease;
}

.header_text_bold {
color: var(--btn-color);
font-weight: bold;
margin-bottom: 10px;
}

.message_content {
position: relative;
width: max-content;
margin-left: auto;
}

.message_icon {
font-size: 26px;
color: white;
cursor: pointer;
}

.message_amount {
position: absolute;
top: -5px;
right: -5px;
width: 22px;
height: 22px;
padding: 5px;
font-size: 14px;
border-radius: 50%;
background: var(--btn-color);
color: white;
display: flex;
align-items: center;
justify-content: center;
}

/* header finish */

/* transfer_modal */

.transfer_content {
padding: 15px;
}

.transfer_flex {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 15px;
}

.transfer_item {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
max-width: 300px;
width: 100%;
padding: 0 15px 0 10px;
min-height: 40px;
background-color: #edf0f7;
border-radius: 10px;
box-shadow: 0 6px 18px 0 rgba(17,120,223,.3);
background-image: linear-gradient(129deg,#0095ff -19%,#0855c4 149%);
color: white;
}

.transfer_line_icon {
font-size: 25px;
}

.transfer_input, .transfer_button {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}

/* transfer_modal finish */


/* luyk_pred */

.luyk_pred_header {
color: white;
min-height: 853px;
}

.luyk_pred_bg {
color: #fff;
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
height: 853px;
isolation: isolate;
background: url(../images/luky_pred_bg1.png) center top no-repeat, #1c1332 url(../images/luky_pred_bg2.svg) left bottom no-repeat;
padding-bottom: max(135px, 204.045px - 5.56818vw);
background-size: 100% 853px, 100% 853px;
}

.pred_header_content {
position: relative;
z-index: 10;
display: flex;
justify-content: space-between;
padding-top: 30px;
padding-bottom: 20px;
}

.pred_header_item {
width: 50%;
}

.luyk_header_img {
max-width: 600px;
width: 100%;
margin: auto;
}

.pred_header_title {
font-weight: 600;
line-height: 84px;
margin-bottom: 22px;
font-size: min(77px, -34px + 15.4839vw);
}

.pred_header_title  span {
color: var(--btn-color);
}

.pred_header_text {
margin-bottom: 20px;
}

.header_button {
max-width: 453px;
width: 100%;
}

.header_button_top {
display: flex;
align-items: center;
gap: 20px;
}

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

.header_button img {
width: 28px;
margin-right: 4px;
}

.header_button .link_si {
max-width: 100%;
margin-top: 10px;
}

.btn_link {
text-decoration: none;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
color: #fff;
border-radius: 6px;
display: inline-flex;
align-items: center;
justify-content:center;
gap: 10px;
text-align: center;
vertical-align: middle;
height: 49px;
padding: 0 15px;
max-width: min(220px, 100%);
border: none;
background-color: var(--btn-color);
box-shadow: 0px 13px 22px 0px rgba(186, 82, 253, 0.27);
transition: filter .3s;
}

.link_si, .dow_link {
background: linear-gradient(267.05deg,#089e4e,#31bc69 99.28%);
box-shadow: 0 6px 18px 0 rgba(14,161,81,.3);
text-shadow: 0 3px 6px rgba(0,0,0,.2);
}

.dow_link {
  max-width: 300px;
  width: 100%;
justify-content: unset;

}

.teg_link {
background: #35ade1;
box-shadow: none !important;
gap: 10px;
max-width: 300px;
width: 100%;
justify-content: unset;
}

.bg_link {
background: yellow;
color: black;
}

.bg_link:hover {
background: rgb(255, 255, 121) !important;
color: black !important; 
}

.teg_link img {
width: max-content;
height: 100%;
}

.group_img {
  height: 35px !important;
}

.teg_link:nth-child(2) {
background: #0088D5;
}

.teg_link:nth-child(1) img {
height: 39px;
}

.android_icon {
width: 25px;
height: 25px !important;
}

.btn_link:hover {
background-color: var(--btn-color);
box-shadow: 0px 13px 22px 0px rgba(186, 82, 253, 0.27);
color: #fff;
}


.teg_link:hover {
background: #35ade1;
box-shadow: 0px 3px 5px 0px rgb(53, 173, 225);
color: #fff;
}

.link_si:hover {
box-shadow: 0px 3px 5px 0px rgb(8, 158, 78);
}

.link_si .help__left_img {
animation: unset;
}

.btn_link:hover {
filter: brightness(120%);
}

.btn_link_text {
position: relative;
text-align: start;
color: white;
font-size: 14px;
display: inline-block;
}

.activation_flex {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
}



.btn_link_text {
position: relative;
display: inline-block;
color: white;
font-size: 14px;
margin-top: 10px;
text-align: center;
cursor: pointer;
max-width: 110px !important;
width: 100% !important;
}

.btn_red {
background: #dc5e5e;
}

.btn_red:hover {
background: #dc5e5e;
opacity: 0.8;
}

.btn_link_site,  .btn_link_key{
display: inline-block;
    padding: 5px 10px;
    color: white;
    font-size: 15px;
    height: 34px;
    transition: 0.2s ease;
    text-align: center;
    
}

.btn_link_site {
background: linear-gradient(267.05deg,#089e4e,#31bc69 99.28%);
}

.btn_link_key {
    background: var(--secondary-color);
}

.activation_link {
background: #615372;
}

.activate_title {
color: white;
text-align: center;
font-size: 16px;
}

.activate_text {
color: white;
}

/* luyk_pred finish */

/* luyk_pred_section */

.section2 {
position: relative;
padding-top: max(258px, 308.727px - 4.09091vw);
padding-bottom: max(28px, 135.091px - 8.63636vw);
}

.section3 {
padding-top: min(148px, -22.5px + 13.75vw);
padding-bottom: min(180px, 3.86364px + 14.2045vw);
}

.pred_section2_bg {
position: absolute;
width: 100%;
height: 1200px;
background-image: url(https://luckyjetpredictor.com/assets2/img/section-dark_top.svg), url(https://luckyjetpredictor.com/assets2/img/section-dark_bottom.svg), url(https://luckyjetpredictor.com/assets2/img/section_stars.png);
background-color: var(--secondary-color);
background-repeat: no-repeat;
color: #fff;
padding-top: max(258px, 308.727px - 4.09091vw);
padding-bottom: max(28px, 135.091px - 8.63636vw);
margin-top: -295px;
background-position: top -2px left -340px, bottom -2px left -340px, top left -340px;
background-position-x: center, center, center;
background-size: 100% 230px, 100% 388px, 100%;
}

.luyk_pred_flex {
position: relative;
display: flex;
justify-content: space-between;
}

.pred_bef::before {
content: '';
position: absolute;
z-index: -2;
top: 0;
bottom: 0;
left: calc(50% - 229px);
width: 962px;
background: linear-gradient(131deg, rgba(179, 121, 223, 0.22) 0%, rgba(179, 121, 223, 0.00) 50%);
pointer-events: none;
}

.luyk_pred_right, .luyk_pred_left {
width: 50%;
}

.luyk_pred_right, .pred_pad {
padding-top: 65px;
padding-bottom: 60px;
}

.pred_flex {
display: flex;
justify-content: center;
}

.luyk_pred_img {
display: block;
width: 298px;
}

.pred_section_title{
font-size: min(64px, 30.1818px + 2.72727vw);
line-height: 1.23;
font-weight: 700;
margin-bottom: 0.46875em;
color: black;
}

.pred_section_title span {
color: var(--btn-color);
}

.pred_section_text {
color: black;
margin-bottom: 43px;
max-width: 407px;
}

.luyk_pred_bottom {
padding-top: min(176px, 50.5909px + 10.1136vw);
padding-bottom: min(93px, 15.5px + 6.25vw);
text-align: center;
}

.pred_bottom_title {
font-size: min(64px, 30.1818px + 2.72727vw);
line-height: 1.23;
color: black;
}

.pred_bottom_text {
color: black;
}

/* luyk_pred_section finish */

/* comeIN */



.comeIN-content {
border-radius: 8px !important;
overflow: hidden !important;
background: var(--secondary-color)!important;
backdrop-filter: blur(30px) !important;
border: 1px solid var(--btn-color) !important;
}



.comeIN-header {
height: 75px;
color: white !important;
justify-content: center;
}

.comeIN-logo {
color: white;
font-size: 20px;
}

.comeIN-body-item-content {
position: relative;
display: flex;
flex-direction: column;
margin: 0;
margin-bottom: 10px;
border-radius: 5px;
}

.comeIN-body-item-label {
font-size: 18px;
color: white;
}

.comeIN-body-item-input {
border: none;
background: #2e2e2e6b !important;
box-shadow: 0 0 3px #fff !important;
width: 100%;
height: 40px;
padding: 10px;
outline: none !important;
color: white !important;
}

.comeIN-body-item-input:focus {
background: #2e2e2e6b !important;
outline: none !important;
}
input:-internal-autofill-selected {
background-color: none !important;
}

.comeIN-header {
border: none !important;
}

.comeIN__input {
background: rgba(248, 248, 248, 0.1) !important;
border: 1px solid #BFBFBF !important;
margin-top: 10px;
margin-bottom: 10px;
height: 50px; 
color: white !important; 
}

.comeIN-header img {
width: 200px;
margin: auto;
}

.comeIN-label:focus {
color: black !important;
}

.comeIN-body-button {
display: flex;
align-items: center;
justify-content: center;
}

.comeIN-body-btn {
border: none;
background: var(--btn-color);
width: 100%;
color: white;
border-radius: 8px;
padding: 10px;
padding-left: 15px;
padding-right: 15px;
font-size: 18px;
}

.comeIN-body-btn:hover {
opacity: .8;
color: white;
}

.comeIN-body-register {
margin-top: 15px;
}

.comeIN-body-register-text {
color: #9b9898;
font-size: 16px;
text-align: end;
margin-top: 10px;
margin-bottom: 5px;
}

.comeIN-body-register-text a {
color: white;
}

.comeIN-body-bottom {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
text-align: center;
font-weight: 700;
font-size: 16px;
color: #BFBFBF;
margin-top: 30px;

}

.comeIN-body-bottom-line {
width: 140px;
height: 2px;
border: 1px solid #BFBFBF;
}

.comeIN-body-message {
display: flex;
align-items: center;
justify-content: space-around;
margin-top: 20px;
}

.comeIN-body-message-item img, .comein-message-item img{
width: 45px;
height: 45px;
color: white;
cursor: pointer;
}

.message-modal-flex {
display: flex;
align-items: center;
gap: 20px;
margin-top: 15px;
}

.message-modal_title {
font-size: 14px;
}

/* comeIN finished */

/* activated_user */

.activated_user {
position: fixed;
max-width: 690px;
width: 100%;
height: fit-content;
top: -30%;
z-index: 1002;
left: 0;
right: 0;
bottom: 0;
margin: auto;
padding: 10px;
}

.activated_user_content {
background: #36234c;
padding: 20px;
max-width: 100%;
width: 100%;
margin: auto;
/* 
animation: heartbeat 3s ease-in-out infinite both; */
}


@keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}

.activated_user_flex {
display: flex;
align-items: center;
justify-content: center;
}



.activated_user_info {
display: block;
text-align: center;
color: var(--btn-color);
font-size: 22px;
margin-bottom: 5px;
}

.activated_user_button input {
max-width: 150px;
height: 46px;
border-radius: 0px 6px 6px 0px;
}

.activated_user_link {
position: relative;
display: inline-block;
color: white;
font-size: 18px;
margin-top: 10px;
text-align: start;
margin-left: 147px;
cursor: pointer;
}

.activated_user_link::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 3px;
width: 0%;
border-radius: 6px;
background-color: var(--btn-color);
box-shadow: 0px 13px 22px 0px rgba(186, 82, 253, 0.27);
transition: width .2s;
}

.activated_user_link:hover::after{
width: 100%;
}

/* activated_user finished */


/* register */

.register {
min-height: 50vh;
display: flex;
align-items: center;
}

.register__content {
padding: 30px;
background: rgba(248, 248, 248, 0.15) !important;
backdrop-filter: blur(30px) !important;
color: white;
border-radius: 10px;
margin-right: 40px;
margin-bottom: 40px;
}

.register-header {
margin-bottom: 10px;
color: #9b9898;
font-size: 16px;
}

.register-title {
color: white;
}

.register-header a {
color: white;
}

.register-button {
display: flex;
align-items: center;
justify-content: flex-end;
}

.register-btn {
border: none;
background: #fff500;
color: #000;
border-radius: 8px;
padding: 10px;
padding-left: 15px;
padding-right: 15px;
font-size: 18px;
}

.register-btn:hover {
opacity: .8;
}


/* register finished */


/* buy_keys */

.buy_keys {
margin-top: 30px;
}

.buy_keys_blog {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

.buy_keys_right {
color: white;
background: #36234c;
padding: 15px;
}

.buy_keys_list {
display: flex;
align-items: center;
justify-content: center;
gap: 50px;
}

.buy_keys_active {
display: flex;
justify-content: center;
gap: 20px;
}

.keys_item_title {
font-size: 14px;
font-weight: 500;
padding: 5px;

}

.keys_item_value {
font-size: 16px;
padding: 5px;
}

.copy_flex {
display: flex;
align-items: center;
justify-content: space-between;
background: #089e4e;
padding: 5px;
}

.keys_link_title {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 15px;
text-align: center;
color: white;
}

.buy_keys_link{
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
background: var(--btn-color);
padding: 0px 15px;
max-width: 300px;
width: 100%;
color: white;
font-size: 20px;
box-shadow: 0px 13px 22px 0px rgba(186, 82, 253, 0.27);
transition: filter .3s;
}
.free_btn {
animation: blink_key 2s infinite;  
}

@keyframes blink_key {
0% {
filter: brightness(120%);
transform: scale(1.1);
}
50% {
filter: brightness(100%);
transform: scale(1.0);
}
100% {
filter: brightness(120%);
transform: scale(1.1);
}
}

.buy_keys_link:hover {
filter: brightness(120%);
color: white;
}

.buy_keys_link img {
max-width: 130px;
margin-left: 10px;
}

.buy_keys_info {
display: flex;
justify-content: space-between;
margin-top: 30px;
}

.keys_info_title {
font-size: 20px;
font-weight: 400;
color: white;
}

.keys_price_item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
background: var(--design-bg);
border: 1px solid var(--btn-color);
gap: 25px;
}

.price_item_title_site {
font-weight: 600;

}

.price_item_title_site a {
    color: #0d6efd;
}

.price_item_title_site a:hover {
color: white;

}


.keys_left_title {
color: white;
}

.keys_price_title {
text-align: center;
margin-bottom: 20px;
color: white;
font-weight: 600;
font-size: 20px;
}


.keys_price_title img {
width: 60px;
}

.keys_price_title span {
color: var(--btn-color);
}

.keys_price_right {
color: white;
width: 76%;
}

.keys_price_img {
max-width: 100px;
width: 100%;
}

.keys_price_flex {
display: flex;
justify-content: space-between;
}

.price_button {
display: flex;
justify-content: flex-end;
flex-direction: column;
gap: 20px;
margin-top: 15px;
}

.price_btn {
display: inline-block;
padding: 5px 10px;
color: white;
font-size: 15px;
height: 34px;
transition: 0.2s ease;
text-align: center;
}

.keys_info_right {
width: 60%;
}

.price_btn:hover {
color: white;
opacity: 0.8;
transition: 0.2s ease;
}

.price_btn:nth-child(1) {
background: linear-gradient(267.05deg,#089e4e,#31bc69 99.28%);
}

.price_btn:nth-child(2) {
background: var(--btn-color);
}

.price_btn:nth-child(3) {
background: var(--secondary-color);
}

.keys_table {
width: 100%;
}

.keys_table_list {
overflow: auto;
height: 400px;
}

.keys_thead tr th {
text-wrap: nowrap;
}

.keys_thead tr th {
position: sticky;
top: 0px;
z-index: 100;
white-space: initial;
background: #2c1860;
border: 2px solid var(--btn-color);
}

.keys_table_blog {
overflow: auto;
}

.keys_thead {
background: #2c1860;
border: 2px solid var(--btn-color);
color: white;

}

.keys_thead tr th{
padding: 7px;
text-align: center;
font-size: 14px;
}

.keys_tbody tr {
background: var(--secondary-color);
}

.bg_used {
background: #530c0c !important;
}

.bg_used2 {
background: #328a45 !important;
}

.keys_tbody tr td a {
color: white;
}

.keys_tbody tr td{
padding: 7px;
text-align: center;
border: 2px solid var(--btn-color);
color: white;
}

.keys_tbody tr td:nth-child(2) {
background: var(--btn-color);
color: white;
border: 2px solid var(--secondary-color);
}

.keys_ref {
display: flex;
justify-content: flex-end;
margin-top: 20px;
}

.keys_ref_content {
padding: 15px;
background: var(--design-bg);
border: 1px solid var(--btn-color);
}

.keys_ref_list {
margin-bottom: 10px;
}

.keys_ref_item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
color: white;
}

.keys_ref_link a {
max-width: 250px;
background-image: linear-gradient(77deg,#31bc69 -8%,#089e4e 93%);
box-shadow: 0 6px 18px 0 rgba(14,161,81,.3);
}

.keys_ref_link {
display: flex;
justify-content: space-between;
gap: 10px;
}

.keys_ref_link .btn_link:nth-child(1) {
background: var(--secondary-color);
box-shadow: none;
}

.tr_copy_click, .copy_click {
cursor: pointer;
}

/* buy_keys finish */

/* luyk_buy */

.luyk_header {
min-height: unset !important;
}

.luyk_buy_content {
display: flex;

justify-content: space-between;
background: #2c1860;
border-radius: 16px;
padding: 20px;
gap: 20px;
}
.luyk_buy_item:nth-child(1) {
width: 30%;
}

.luyk_buy_item:nth-child(2) {
width: 70%;
}

.luyk_buy_link {
margin-top: 15px;
}

.luky_partner_title {
text-align: center;
}

.luyk_buy_title{
margin-top: 20px;
color: white;
font-size: 30px;
text-align: center;
}

.luyk_buy_title span {
color: var(--btn-color);
}

.luyk_buy_text, .luyk_slider_text {
color: #7f7f7f;
font-size: 16px;
margin-top: 15px;
}

.luyk_buy_img {
position: relative;
margin: auto;
max-width: 300px;
width: 100%;
}
@media (min-width: 576px) {
.abount_modal_dialog {
max-width: 900px !important; 
}  
}


.slider_modal_video {
max-width: 80%;
width: 100%;
margin: auto;
}

.slider_modal_video video{
max-width: 100%;
width: 100%;

}

.luyk_buy_link {
max-width: 230px;
width: 100%;
}

.slider_modal_content {
background: var(--secondary-color);
border: 1px solid var(--btn-color);
}

.slider_modal_title {
color: white;
font-size: 25px;
}

.slider_modal, .pred_slider_blog {
display: none;
}

.profile-password-eye {
position: absolute;
right: 12px;
top: 28px;
z-index: 100;
}

.modalpassword {
top: 21px;
}

.profile-eye-icon, .profile-eye2-icon, .profile-oldeye-icon, .profile-new-icon {
font-size: 19px;
font-weight: 500;
cursor: pointer;
color: white;
}

.profile-new-icon {
color: black;
}

.profile-eye-noactive, .profile-eye2-noactive {
display: none;
}

.profile-eye > .profile-eye-noactive, .profile-eye > .profile-eye2-noactive {
display: block;
}

.profile-eye > .profile-eye-acitve, .profile-eye > .profile-eye2-acitve {
display: none;
}

.register-input-icon {
position: absolute;
z-index: 100;
right: 10px;
top: 6px;
}

.button_flex {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;

}

.verification_input {
max-width: 80px;
width: 100%;
}

@media (min-width: 576px) {
.slider_modal_dialog {
max-width: 1364px !important;
}
}

.slider_modal_close {
border: none;
background: transparent;
color: white;
font-size: 18px;
}

.slider_modal_list {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin-top: 20px;
}

.slider_modal_link {
max-width: 150px;
width: 100%;
cursor: pointer;
padding: 10px;

}

.slider_modal_link_active {
border: 1px solid var(--btn-color);
transform: scale(1.1);
}

.slider_modal_link_title {
text-align: center;
color: white;
font-weight: 600;
}

.slider_modal_link_img img{
width: 100%;
height: 100%;
}

.pred_slider_icon {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 30%;
height: 30%;
margin: auto;

display: flex;
align-items: center;
justify-content: center;
}

.pred_slider_icon_blog {
position: relative;
overflow: hidden;
color: red;
font-size: 60px;
z-index: 15;
}

.pred_slider_icon_blog::before {
border-radius: 82%;
position: absolute;
content: "";
top: 33%;
z-index: -1;
width: 83%;
height: 38%;
background: white;
}


/* luyk_buy finish */

.luyk_informatsion_title {
font-size: 20px;
font-weight: 600;
color: #c5c3c3;
margin-top: 40px;
}

.luyk_informatsion_text {
color: #7f7f7f;
font-size: 16px;
margin-top: 20px;
padding: 0px;
}

/* luyk_footer */

.luyk_footer {
border-top: 1px solid var(--btn-color);
padding: 20px;
padding-left: 0px;
margin-top: 40px;
background: var(--secondary-color);
margin-top: 10vh;
}

.luyk_footer_content {
display: flex;
flex-wrap: wrap;
gap: 40px;
}

.footer_list {
display: flex;
flex-direction: column;
gap: 10px;
}

.luyk_footer_logo {
color: white;
font-size: 25px;
font-weight: 600;
line-height: 20px;
}

.luyk_footer_logo span {
color: var(--btn-color);
}

.luyk_footer_text {
max-width: 250px;
padding-top: 15px;
font-size: 16px;
color: white;
}

.footer_title {
color: white;
font-size: 20px;
margin-bottom: 5px;
}



.footer_link {
color: rgb(150, 150, 150);
font-size: 18px;
display: flex;
align-items: center;
gap: 10px;
}

.footer_link img{
width: 25px;

}

.footer_link i {
font-size: 20px;
}

.footer_link:hover {
color: var(--btn-color);
}

/* luyk_footer finish */

/* luky_partner */

.luky_partner {
margin-bottom: 30px;
margin-top: 30px;
}

.luky_partner_content {
display: flex;
justify-content: space-between;
}

.luky_partner_title, .luyk_table_title {
color: white;
font-size: 24px;
font-weight: 600;
margin-bottom: 15px;
}

.luky_partner_link {
margin-top: 15px;
display: flex;
align-items: center;
justify-content: flex-end;
}

.luky_partner_link a {
max-width: 250px;
width: 100%;
}

.luyk_subtable_title {

}

/* luky_partner finish */


/* cabinet */

.cabinet {
margin-top: 90px;
}

.notices_content {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}

.notices {
margin-top: 50px;
}

.notices_icon {
font-size: 100px;
color: rgb(176, 176, 176);
}

.notices_text {
max-width: 380px;
width: 100%;
padding: 15px;
background: var(--design-bg);
border: 1px solid var(--btn-color);
color: white;
}

.verification {
margin: auto;
margin-top: 15px;
max-width: 475px;
width: 100%;
background: var(--design-bg);
border: 1px solid var(--btn-color);
padding: 20px;
}

.verification_title {
font-size: 16px;
font-weight: 600;
color: white;
}

.verification_error {
color: white;
}

.verification_blog {
display: flex;
align-items: center;

margin-top: 15px;
}

.verification_input {
max-width: 100%;
width: 100%;
}

.verification_flex {
position: relative;
max-width: 800px;
width: 100%;
display: flex;
justify-content: center;
justify-content: space-between;
margin: auto;
margin-top: 15px;
border-radius: 6px;
background: var(--design-bg);
border: 1px solid var(--btn-color);

}

.verification_text {
max-width: 600px;
width: 100%;
padding: 20px;
color: white;
}

.ver_text {
margin-top: 10px;
color: white;
}

.ver_text span {
color: red;
font-weight: 600;
text-transform: uppercase;
}

.verification_link {
display: block;
height:auto;
max-width: 240px;
width: 100%;
}

.verification_link_flex {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
font-size: 16px;
height: 100%;
}

.verification_link_flex img {
max-width: 100px;
width: 100%;
}

.ver_change {
display: none;
}

.ver_active {
position: relative;
}

.verification_icon {
position: absolute;
left: -9%;
top: 5%;
font-size: 60px;
color: green;
}



/* cabinet finish */

/* pay */

.pay, .pay_result {
color: white;
}

.pay_content {
padding-top: 40px;
}

.pay_title {
font-size: 25px;
text-align: center;
font-weight: 600;
}

.pay_dropdown_title {
color: #9d9d9d;
font-size: 18px;
}

.pay_dropdown {
position: relative;
max-width: 300px;
width: 100%;
height: 46px;
text-align: left;
cursor: pointer;
background: var(--design-bg);
border: 1px solid var(--btn-color);
padding: 8px 12px;
font-size: 14px;
}

.pay_option {
height: 100%;
display: flex;
align-items: center;
overflow: hidden;
color: white;
}

.pay_dropdown.pay_active-creation .pay_ul {
display: block;
left: 0px;
top: 100%;
position: absolute;
z-index: 1100;
transition: height 0.2s ease 0s;
cursor: pointer;
background: var(--dropdown-bg);
border: 1px solid var(--btn-color);
min-width: 100%;
overflow-x: hidden;
}

.forecasts_option .pay_main_price{
display: none;
}

.pay_li {
padding: 8px 12px;
font-size: 18px;
}

.pay_main-name {
display: flex;
align-items: center;
justify-content: space-between;
}

.pay_li:hover {
background: var(--btn-color);
color: white;
}

.pay_name {
font-size: 16px;
}

.pay_dropdown .pay_ul {
position: relative;
top: 55px;
left: 0;
width: 100%;
background: #fff;
display: none;
}

.pay_option:before {
content: "";
position: absolute;
top: 40%;
right: 18px;
width: 4px;
height: 4px;
border: 4px solid;
border-color: transparent transparent white white;
transform: rotate(-45deg);
}

.pay_dropdown.pay_active-creation .pay_option:before {
top: 46%;
transform: rotate(-225deg);
}

.pay_dropdown_content {
display: flex;
margin: auto;
margin-top: 20px;
max-width: 300px;
width: 100%;
flex-direction: column;
margin-bottom: 50px;
}

.pay_discount {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
background: var(--btn-color);
color: white;
padding: 10px;
}

.pay_discount_title {
text-align: center;
font-weight: 400;
font-size: 18px;
}

.pay_discount_timer {
font-weight: 600;
font-size: 26px;

}

.pay_discount_img {
width: 100px;
}

.pay_dropdown_site, .pay_price {
margin-top: 15px;
}

.pay_price_input {
display: flex;
align-items: center;
gap: 10px;
}

.pay_price_input div{
background: var(--design-bg);
border: 1px solid var(--btn-color);
width: 100px !important;
font-size: 25px;
text-align: center;
color: white;
}

.discount_blog div:nth-child(1) {
background: red;
text-decoration: line-through !important;
}

.discount_blog div:nth-child(2) {
background: green;
}

.pay_button {
margin-top: 15px;
}

.pay_result {
max-width: 650px;
margin: auto;
}

.result_status {
background: #089e4e;
color: white;
max-width: 250px;
width: 100%;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin: auto;
margin-top: 20px;
}

.pay_result_info {
padding: 15px;
color: white;
background: var(--design-bg);
border: 1px solid var(--btn-color);
}

.pay_result_info, .pay_result_link {
margin-top: 20px;
}


.not_pass {
background: #ff0000;
}
.pay_result_link {
max-width: 250px;
width: 100%;
}
.buy_btn {
max-width: 300px;
width: 100%;
}

/* pay finish */

/* payin-modal payout-modal */

@media (min-width: 576px) {
.wallet-modal-dialog {
max-width: 680px !important;
}    
.history-modal-dialog {
max-width: 900px !important;  
}

.comein-modal-dialog {
max-width: 390px !important;
}
}

.payin__jet-header {
padding: 15px;
}

.wallet-modal-content {
background-color: #fff !important;
border-radius: 15px !important;   
overflow: hidden !important;
}

.wallet__jet {
height: 100%;
}

.wallet__jet-left {
max-width: 45%; 
width: 100%; 
padding: 20px 0 25px;
background-color: #edf0f7;    
}

.wallet__jet-right {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
max-width: 55%; 
width: 100%;  
}

.wallet__jet-top {
display: flex;
align-items: center;
gap: 5px;
padding: 0 20px;
margin-bottom: 10px;
}

.wallet__jet-top-img {
width: 60px;
}

.wallet__jet-top-text {
font-weight: 400;
font-size: 11px;
line-height: 13px;
color: #6a7690;
}

.wallet__jet-top-text span {
opacity: .65;  
font-weight: 600;  
}

.wallet__jet-tabs, .wallet__jet-bigtabs{
display: flex;
align-items: center;
padding: 0 20px;
gap: 10px;
}

.bigtabs_blog {
display: none;
}

.wallet__jet-bigtabs {
  width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
}

.wallet__jet-tabs-item {
padding: 8px 10px;
font-size: 12px;
color: rgba(7,12,25,.55);
background-color: #fff;
border-radius: 10px;
cursor: pointer;    
}

.wallet__jet-tabs-active {
color: #fff;
box-shadow: 0 6px 18px 0 rgba(17,120,223,.3);
background-image: -webkit-linear-gradient(314deg,#0095ff -26%,#0855c4 150%);
background-image: linear-gradient(136deg,#0095ff -26%,#0855c4 150%);    
}

.wallet__jet-content .wallet__jet-blog{
height: 395px;
overflow-y: scroll;
}

.wallet__jet-coin {
width: 100%;
margin-top: 20px;
padding: 5px 20px 0;
display: flex;
flex-wrap: wrap;
gap: 5px;
}

.wallet__jet-content .wallet__jet-blog::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: white;
}

.wallet__jet-content .wallet__jet-blog::-webkit-scrollbar
{
width: 5px;
background-color: transparent;

}

.wallet__jet-content .wallet__jet-blog::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-image: -webkit-linear-gradient(314deg,#0095ff -26%,#0855c4 150%);
background-image: linear-gradient(136deg,#0095ff -26%,#0855c4 150%);
}

.wallet__jet-coin-item {
width: 49%;
height: 89px;
}

.coin-active .wallet__jet-coin-content{
box-shadow: 0 6px 18px 0 rgba(17,120,223,.3);
background-image: -webkit-linear-gradient(321deg,#0095ff -19%,#0855c4 149%);
background-image: linear-gradient(129deg,#0095ff -19%,#0855c4 149%);
}

.coin-active .wallet__jet-coin-name {
color: white;
}

.coin-active .wallet__jet-coin-icon {
opacity: 1;
visibility: visible;
transform: opacity 0.5s;
}

.wallet__jet-coin-content {
display: flex;
flex-direction: column;
gap: 10px;
height: 100%;
justify-content: space-between;
background-color: #fff;
flex-basis: calc(50% - 5px);
border-radius: 10px;
box-shadow: 0 4px 10px -5px rgba(0,0,0,.1);
position: relative;
padding: 10px;
cursor: pointer;

}

.wallet__jet-coin-img {
max-width: 25px;
width: 100%;
}

.wallet__jet-coin-bottom {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}

.wallet__jet-coin-name {
font-size: 15px;
}

.wallet__jet-coin-icon {
position: absolute;
top: 10px;
right: 10px;
width: 16px;
height: 16px;
border-radius: 50%;
font-size: 10px;
color: rgb(8, 93, 204);
background: white;
opacity: 0;
visibility: hidden;
transform: opacity 0.5s;
display: flex;
align-items: center;
justify-content: center;
}

.wallet__jet-blog {
display: none;
overflow: hidden;
}

.wallet__jet-header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 20px 20px 10px;
}

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

.wallet__jet-title {
font-size: 18px;
font-weight: 700;
color: #090f1e;
}

.wallet__jet-close_modal {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background-color: #edf0f7;
font-size: 10px;
width: 24px;
height: 24px;
padding: 7px;
border-radius: 6px;
transition: 0.2s;    
}

.wallet__jet-close_modal:hover {
background: rgb(255, 0, 0);
color: white;
transition: 0.2s;
}

.wallet__jet-main-blog {
display: none;
}

.jet_balance_blog {
display: none;
}

.wallet__jet-blog-content {
padding: 0 20px 20px;
height: 100%;
}

.jet_ref_balance_text {
    padding: 0 20px 20px;
}

.jet_ref_balance_text a {
color: #0855c4 !important; 
}

.wallet__jet-blog-flex {
display: flex;
align-items: center; 
min-height: 45px;
background-color: #edf0f7;
border-radius: 10px;
overflow: hidden;
padding: 0 15px;    
}

.wallet__jet-blog-form {
display: flex;
flex-direction: column;
justify-content: space-between;
}

.wallet__jet-blog-form, .wallet__jet-main, .wallet__jet-main-blog {
height: 100%;
}

.requisites_main_blog .wallet__jet-blog-content, .requisites_main_blog .wallet__jet-blog-form{
height: unset;
}


.wallet__jet-blog-name {
margin-right: 12px;
position: relative;
}

.wallet__jet-blog-name::after {
position: absolute;
content: "";
right: -11px;
top: 0;
bottom: 0;
width: 1px;
background-color: rgba(106,118,144,.2);   
}

.wallet__jet-blog-input {
width: 100%;
}

.wallet__jet-blog-input input {
width: 100%;
padding: 0 15px 0 10px; 
background-color: #edf0f7;
min-height: 45px;
color: rgba(65, 66, 69, 0.8); 
border: none; 
outline: none;
}

.wallet__jet-blog-name {
width: 30px;
height: 30px;
}

.wallet__jet-blog-col {
width: 100%;
display: flex;
align-items: center;
margin-top: 10px;
}

.wallet__jet-blog-item {
border-radius: 8px;
background-color: #edf0f7;
padding: 8px 9px;
cursor: pointer;
margin: 0 7px 7px 0;
font-weight: 600;
font-size: 12px;
text-align: center;
color: rgba(7,12,25,.5);
}

.wallet__jet-blog-button {
width: 100%;
}

.wallet__jet-blog-btn {
font-size: 16px;
font-weight: 600;
height: 50px;
width: 100% !important;
border-radius: 10px;
box-shadow: 0 6px 18px 0 rgba(14,161,81,.3);
background-image: -webkit-linear-gradient(13deg,#31bc69 -8%,#089e4e 93%);
background-image: linear-gradient(77deg,#31bc69 -8%,#089e4e 93%);
margin-top: 15px;
border: none;
outline: none;
color: white;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}

.requisites__jet-right .wallet__jet-blog-btn {
width: 50%;
}

.requisites__jet-right .wallet__jet-blog-button {
display: flex;
align-items: center;
justify-content: flex-end;
}

.wallet__jet_info {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.wallet__jet_info_item {
width: 100%;
gap: 10px;
border-radius: 8px;
background-color: #edf0f7;
padding:10px;
}

.wallet__jet_info_item:nth-child(1), .wallet__jet_info_item:nth-child(2) {
width: 48%;
}

.wallet__jet_info_item:last-child{
display: flex;
align-items: baseline;
}

.wallet__jet_info_title {
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
}

.wallet__jet_info_coin {
display: flex;
align-items: center;
gap: 5px;
font-size: 18px;
font-weight: 600;
}

.wallet__jet_info_img {
width: 22px;
height: 22px;
border-radius: 50%;
overflow: hidden;
}

.wallet__jet_user_w {
background-color: #edf0f7;
border-radius: 10px;
overflow: hidden;
padding: 10px;
margin-bottom: 10px;
}

.wallet__jet_user_w_title {
font-size: 500px;
font-size: 16px;
}

.wallet__jet_user_w_number {
font-size: 15px;
padding-top: 5px;
padding-bottom: 5px;
word-break: break-word;
overflow-wrap: anywhere;
}

.wallet__jet_user_w_modal {
color: #0095ff;
text-align: end;
font-size: 16px;
cursor: pointer;
}

.history__jet {
max-width: 100%;
}

.history__jet .history_blog { 
height: 400px;
overflow-y: hidden;
}

.history_mob_item {
margin-bottom: 10px;
}

.history_mob_item:last-child {
margin-bottom: 0px;
}

.history_blog_content {
padding: 15px;
}

.history_table {
width: 100%;
}

.history_thead_tr th{
padding: 10px;
padding-bottom: 0px;
color: #4c4c4c;
}

.history_thead {
border-bottom: 1px solid #037feb;
}

.history_thead, .history_tbody_tr {
display: table;
width: 100%;
table-layout: fixed;
}

.history_tbody {
display: block;
height: 330px;
overflow-y: scroll;
}

.history_thead_tr th, .history_tbody_tr td{
padding: 10px;
}

.wallet__jet_balance {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding: 0 20px 20px;
}

.jet_balance_item {
    width: 100%;
    padding: 0 15px 0 10px;
    min-height: 40px;
    background-color: #edf0f7;
    text-align: center;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
}

.jet_balance_item_text {
font-size: 11px;
}


.jet_balance_icon {
cursor: pointer;
font-size: 20px;
padding: 5px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 3px;
}

.jet_balance_icon_text {
font-size: 14px;
text-align: center;
}

.jet_balance_icon:hover {
box-shadow: 0 6px 18px 0 rgba(17,120,223,.3);
background-image: linear-gradient(129deg,#0095ff -19%,#0855c4 149%);
color: white;
}

.balance_item_active {
box-shadow: 0 6px 18px 0 rgba(17,120,223,.3);
background-image: linear-gradient(129deg,#0095ff -19%,#0855c4 149%);
color: white;
}

.tr_copy {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}

.tr_copy_val {
color: black;
font-weight: 600;
}

.payinkassa_modal_flex {
display: flex;
align-items: center;
justify-content: end;
gap: 20px;
padding: 10px;
}

.payinkassa_modal_btn {
padding: 10px 15px;
color: white;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
width: 30%;
border: none;
}

.payinkassa_modal_btn:nth-child(1) {
background: #dc5e5e;
cursor: pointer;
}

.payinkassa_modal_btn:nth-child(2) {
background: #089e4e;
width: 60%;
}

.payinkassa_modal_link {
cursor: pointer;
font-weight: 600;
}

/* ............ */


/* activation_keys */

.activation_keys {
padding-top: 200px;
padding-bottom: 50px;

}

.activation_keys .container {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 40vh !important;
}

.activation_keys_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: var(--secondary-color);
}

.activation_cotent {
position: relative;

}

.activation_blog {
background: #36234c;
padding: 20px;
border-radius: 16px;
max-width: 510px;
width: 100%;
margin: auto;
position: relative;
z-index: 10;
margin-bottom: 50px;
}

.activation_img {
position: absolute;
max-width: 300px;
top: -100%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
z-index: 1;
height: 450px;
}

.activation_title {
color: white;
text-align: center;
text-transform: uppercase;
}

.activation_input {
margin-top: 20px;
}

.result_view {
color: white;
}

.activation_input input{
margin-top: 15px;
width: 100%;
padding: 5px;

}

.activation_button {
margin-top: 15px;
display: flex;
flex-direction: column;
gap: 15px;
}

.activation_button input {
max-width: 100%;
width: 100%;
}

.activation_button a {
max-width: 100%;
width: 100%;
}

.activation_number {
font-size: 20px;
text-align: center;
color: white;
}

.spinner {
width: 180px;
height: 180px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
position: relative;
border: 1px solid var(--btn-color);
border-radius: 50%;
transition: 200ms all;

&::before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
border-radius: inherit;
background-image: conic-gradient(#36234c 40%, var(--btn-color));
animation: spin 3s infinite linear;
}
}

.arc {
display: inline-block;
border: 1px solid rgba(167, 0, 196, 0.4);
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
}
@for $i from 1 through 3 {
.arc:nth-child(#{$i + 1}) {
width: 25% * $i;
height: 25% * $i;
}
}

@keyframes spin {
100% {
transform: rotate(360deg);
}
}

@keyframes bip {
0% {
opacity: 1;
}
50%,
100% {
opacity: 0;
}
}

/* activation_keys finish */
/* userinfo */

@media (min-width: 576px) {
.userinfo_modal_dialog {
max-width: 900px !important;
}
}

.userinfo_modal_content {
border-radius: 16px !important;
overflow: hidden;
height: 528px !important;
}

.userinfo_modal_header {   
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
}

.userinfo_modal_header_title {
font-size: 20px;
font-weight: 700;
color: #090f1e;
}

.userinfo_modal_header_close {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background-color: #edf0f7;
font-size: 10px;
width: 24px;
height: 24px;
padding: 7px;
border-radius: 6px;
transition: 0.2s;
}

.userinfo_modal_header_close:hover {
background: rgb(255, 0, 0);
color: white;
transition: 0.2s;
}

.userinfo_modal_tabs {
padding: 10px;
display: flex;
align-items: center;
gap: 15px;
background-color: #edf0f7;
}

.userinfo_modal_tabs_item {
padding: 8px 10px;
font-size: 12px;
color: rgba(7,12,25,.55);
background-color: #fff;
border-radius: 10px;
cursor: pointer;
}

.userinfo_tabs_item  {
color: #fff;
box-shadow: 0 6px 18px 0 rgba(17,120,223,.3);
background-image: -webkit-linear-gradient(314deg,#0095ff -26%,#0855c4 150%);
background-image: linear-gradient(136deg,#0095ff -26%,#0855c4 150%);
}

.userinfo_blog {
display: none;
}

/* requisites */

.requisites__jet-left {
max-width: 35%;
width: 100%;
padding: 10px;
background-color: #edf0f7;
}

.requisites__jet-right {
max-width: 65%;
width: 100%;

}

.requisites_main_blog {
margin-top: 20px;
}

.user_wallet {
padding: 15px;
padding-top: 0px;
}

.user_wallet_title {
font-size: 20px;
font-weight: 700;
color: #090f1e;
}

.user_wallet_card {
height: 230px;
overflow-y: scroll;
}

.user_wallet_card::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: white;
}

.user_wallet_card::-webkit-scrollbar
{
width: 5px;
background-color: transparent;
}

.user_wallet_card::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-image: -webkit-linear-gradient(314deg,#0095ff -26%,#0855c4 150%);
background-image: linear-gradient(136deg,#0095ff -26%,#0855c4 150%);
}

.user_wallet_card_item {
margin-bottom: 10px;
}

.user_wallet_card_item:last-child {
margin-bottom: 0;
}


.user_wallet_card_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background-color: #edf0f7;
  border-radius: 10px;
  overflow: hidden;
  padding: 10px;

}

.error_modal {
  display: none;
  width: 100%;
  color: white;
  background: red;
  padding: 5px;

}

.user_wallet_card_img {
position: relative;
width: 30px;
height: 25px;
margin-right: 12px;
}

.user_wallet_card_img::after {
position: absolute;
content: "";
right: -11px;
top: 0;
bottom: 0;
width: 1px;
background-color: rgba(106,118,144,.2);
}

.user_wallet_card_number {
width: 100%;
padding: 0 15px 0 10px;
background-color: #edf0f7;
border: none;
font-size: 14px;
outline: none;
}

.user_wallet_card_delete {
max-width: 150px;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
background: #ff0000;
color: white;
border-radius: 8px;
cursor: pointer;
}



.delete_wallet_body {
background-color: #edf0f7;
padding: 10px;
}

.delete_wallet_text {
font-weight: 600;
}

.delete_wallet_button {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
margin-top: 15px;
}

.delete_wallet_btn {
max-width: 100px;
border-radius: 16px;
width: 100%;
height: 30px;
color: white;
display: flex;
align-items: center;
justify-content: center;
border: none;
}

.delete_wallet_btn:nth-child(1) {
background-image: -webkit-linear-gradient(13deg,#31bc69 -8%,#089e4e 93%);
background-image: linear-gradient(77deg,#31bc69 -8%,#089e4e 93%);
}

.delete_wallet_btn:nth-child(2) {
background: #ff0000;
}

.delete_wallet_btn:nth-child(3) {
background: #ff0000;
}



/* requisites finish */

.newpass {
padding: 10px;
display: flex;
gap: 15px;
}

.newpass_blog {
width: 50%;
}

.newpass_info_text {
font-size: 16px;
font-weight: 400;
padding-top: 10px;
padding-bottom: 10px;
}

.newpass_info_item {
margin-bottom: 15px;
}

.newpass_info_item:last-child {
margin-bottom: 0px;
}

.newpass_info_item_flex {
display: flex;
align-items: center;
min-height: 45px;
background-color: #edf0f7;
border-radius: 10px;
overflow: hidden;
padding: 0 15px;
}

.newpass_info_item_icon {
position: relative;
font-size: 22px;
margin-right: 12px;
}

.newpass_info_item_icon::after {
position: absolute;
content: "";
right: -11px;
top: 0;
bottom: 0;
width: 1px;
background-color: rgba(106,118,144,.2);
}

.user_wallet_card_input {
position: relative;
width: 100%;
}

.lostpassword1, .lostpassword2, .lostpassword3 {
top: 9px;
right: -1px;
cursor: pointer;
}

.lostpassword .profile-oldeye-icon {
color: black;
}

.user_wallet_card_input input{
width: 100%;
padding: 0 15px 0 10px;
background-color: #edf0f7;
min-height: 45px;
color: rgba(65, 66, 69, 0.8);
border: none;
outline: none;
}

.newpass_info_btn {
font-size: 16px;
font-weight: 600;
height: 50px;
width: 100%;
border-radius: 10px;
box-shadow: 0 6px 18px 0 rgba(14,161,81,.3);
background-image: -webkit-linear-gradient(13deg,#31bc69 -8%,#089e4e 93%);
background-image: linear-gradient(77deg,#31bc69 -8%,#089e4e 93%);
border: none;
outline: none;
color: white;
text-align: center;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}

/* userinfo finish */

/* error */

.error {
position: absolute;
top: 10%;
right: 35%;
z-index: 9999;
max-width: 30%;
width: 100%;
}

.error_content, .error_register_content {
background: rgb(35, 29, 71);
border-radius: 16px;
overflow: hidden;
border: 1px solid var(--btn-color);
}

.error_register_content {
max-width: 500px;
width: 100%;
margin: auto;
}

.error_content_header {
width: 100%;
padding: 18px 19px 18px 12px;
height: 56px;
background: linear-gradient(0deg, rgba(21, 16, 41, 0.25), rgba(21, 16, 41, 0.25));
border-bottom: rgb(47, 36, 92);
color: white;
font-size: 15px;
}

.error_content_text {
color: white;
font-size: 16px;
min-height: 100px;
padding: 20px;
}

.register_text {
color: white;
font-size: 16px;
padding: 10px;
}

.disabled_btn {
pointer-events: none;
opacity: 0.5;
}

.error_content_button {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 10px;
}

/* error finish */

/* payin-modal payout-modal */

@media (min-width: 576px) {
.wallet-modal-dialog {
max-width: 680px !important;
}    
.history-modal-dialog {
max-width: 900px !important;  
}
.comein-modal-dialog {
max-width: 390px !important;
}
}

.payin__jet-header {
padding: 15px;
}

.wallet-modal-content {
background-color: #fff !important;
border-radius: 15px !important;   
overflow: hidden !important;
}

.wallet__jet {
height: 100%;
}

.wallet__jet-left {
max-width: 45%; 
width: 100%; 
padding: 20px 0 25px;
background-color: #edf0f7;    
}

.wallet__jet-right {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
max-width: 55%; 
width: 100%;  
}

.wallet__jet-top {
display: flex;
align-items: center;
gap: 5px;
padding: 0 20px;
margin-bottom: 10px;
}

.wallet__jet-top-img {
width: 60px;
}

.wallet__jet-top-text {
font-weight: 400;
font-size: 11px;
line-height: 13px;
color: #6a7690;
}

.wallet__jet-top-text span {
opacity: .65;  
font-weight: 600;  
}

.wallet__jet-tabs {
display: flex;
align-items: center;
padding: 0 20px;
gap: 10px;
}

.wallet__jet-tabs-item {
padding: 8px 10px;
font-size: 12px;
color: rgba(7,12,25,.55);
background-color: #fff;
border-radius: 10px;
cursor: pointer;    
}

.wallet__jet-tabs-active {
color: #fff;
box-shadow: 0 6px 18px 0 rgba(17,120,223,.3);
background-image: -webkit-linear-gradient(314deg,#0095ff -26%,#0855c4 150%);
background-image: linear-gradient(136deg,#0095ff -26%,#0855c4 150%);    
}

.wallet__jet-content .wallet__jet-blog{
height: 395px;
overflow-y: scroll;
}

.wallet__jet-coin {
width: 100%;
margin-top: 20px;
padding: 5px 20px 0;
display: flex;
flex-wrap: wrap;
gap: 5px;
}

.wallet__jet-content .wallet__jet-blog::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: white;
}

.wallet__jet-content .wallet__jet-blog::-webkit-scrollbar
{
width: 5px;
background-color: transparent;

}

.wallet__jet-content .wallet__jet-blog::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-image: -webkit-linear-gradient(314deg,#0095ff -26%,#0855c4 150%);
background-image: linear-gradient(136deg,#0095ff -26%,#0855c4 150%);
}

.wallet__jet-coin-item {
width: 49%;
height: 89px;
}

.coin-active .wallet__jet-coin-content{
box-shadow: 0 6px 18px 0 rgba(17,120,223,.3);
background-image: -webkit-linear-gradient(321deg,#0095ff -19%,#0855c4 149%);
background-image: linear-gradient(129deg,#0095ff -19%,#0855c4 149%);
}

.coin-active .wallet__jet-coin-name {
color: white;
}

.coin-active .wallet__jet-coin-icon {
opacity: 1;
visibility: visible;
transform: opacity 0.5s;
}

.wallet__jet-coin-content {
display: flex;
flex-direction: column;
gap: 10px;
height: 100%;
justify-content: space-between;
background-color: #fff;
flex-basis: calc(50% - 5px);
border-radius: 10px;
box-shadow: 0 4px 10px -5px rgba(0,0,0,.1);
position: relative;
padding: 10px;
cursor: pointer;

}

.wallet__jet-coin-img {
max-width: 25px;
width: 100%;
}

.wallet__jet-coin-bottom {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}

.wallet__jet-coin-name {
font-size: 15px;
}

.wallet__jet-coin-icon {
position: absolute;
top: 10px;
right: 10px;
width: 16px;
height: 16px;
border-radius: 50%;
font-size: 10px;
color: rgb(8, 93, 204);
background: white;
opacity: 0;
visibility: hidden;
transform: opacity 0.5s;
display: flex;
align-items: center;
justify-content: center;
}

.wallet__jet-blog {
display: none;
overflow: hidden;

}

.wallet__jet-header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 20px 20px 10px;
}

.wallet__jet-title {
font-size: 20px;
font-weight: 700;
color: #090f1e;
}

.wallet__jet-close_modal {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background-color: #edf0f7;
font-size: 10px;
width: 24px;
height: 24px;
padding: 7px;
border-radius: 6px;
transition: 0.2s;    
}

.wallet__jet-close_modal:hover {
background: rgb(255, 0, 0);
color: white;
transition: 0.2s;
}

.wallet__jet-main-blog {
display: none;
}

.wallet__jet-blog-content {
padding: 0 20px 20px;
height: 100%;
}



.wallet__jet-blog-flex {
display: flex;
align-items: center; 
min-height: 45px;
background-color: #edf0f7;
border-radius: 10px;
overflow: hidden;
padding: 0 15px;    
}

.wallet__jet-blog-form {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 10px;
}

.wallet__jet-blog-form, .wallet__jet-main, .wallet__jet-main-blog {
height: 100%;
}

.requisites_main_blog .wallet__jet-blog-content, .requisites_main_blog .wallet__jet-blog-form{
height: unset;
}


.wallet__jet-blog-name {
margin-right: 12px;
position: relative;
}

.wallet__jet-blog-name::after {
position: absolute;
content: "";
right: -11px;
top: 0;
bottom: 0;
width: 1px;
background-color: rgba(106,118,144,.2);   
}

.wallet__jet-blog-input {
width: 100%;
}

.wallet__jet-blog-input input {
width: 100%;
padding: 0 15px 0 10px; 
background-color: #edf0f7;
min-height: 45px;
color: rgba(65, 66, 69, 0.8); 
border: none; 
outline: none;
}

.wallet__jet-blog-name {
width: 30px;
height: 30px;
}



.wallet__jet-blog-item {
border-radius: 8px;
background-color: #edf0f7;
padding: 8px 9px;
cursor: pointer;
margin: 0 7px 7px 0;
font-weight: 600;
font-size: 12px;
text-align: center;
color: rgba(7,12,25,.5);
}

.wallet__jet-blog-button {
width: 100%;
}

.wallet__jet-blog-btn {
font-size: 16px;
font-weight: 600;
height: 50px;
width: 100%;
border-radius: 10px;
box-shadow: 0 6px 18px 0 rgba(14,161,81,.3);
background-image: -webkit-linear-gradient(13deg,#31bc69 -8%,#089e4e 93%);
background-image: linear-gradient(77deg,#31bc69 -8%,#089e4e 93%);
margin-top: 15px;
border: none;
outline: none;
color: white;
}

.requisites__jet-right .wallet__jet-blog-btn {
width: 50%;
}

.requisites__jet-right .wallet__jet-blog-button {
display: flex;
align-items: center;
justify-content: flex-end;
}

.wallet__jet_info {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.wallet__jet_info_item {
width: 100%;
gap: 10px;
border-radius: 8px;
background-color: #edf0f7;
padding:10px;
}

.wallet__jet_info_item:nth-child(1), .wallet__jet_info_item:nth-child(2) {
width: 48%;
}

.wallet__jet_info_item:last-child{
display: flex;
align-items: baseline;
}

.wallet__jet_info_title {
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
}

.wallet__jet_info_coin {
display: flex;
align-items: center;
gap: 5px;
font-size: 18px;
font-weight: 600;
}

.wallet__jet_info_img {
width: 22px;
height: 22px;
border-radius: 50%;
overflow: hidden;
}

.wallet__jet_user_w {
background-color: #edf0f7;
border-radius: 10px;
overflow: hidden;
padding: 10px;
margin-bottom: 10px;
}

.wallet__jet_user_w_title {
font-size: 500px;
font-size: 16px;
}

.wallet__jet_user_w_number {
font-size: 15px;
padding-top: 5px;
padding-bottom: 5px;
word-break: break-word;
overflow-wrap: anywhere;
}

.wallet__jet_user_w_modal {
color: #0095ff;
text-align: end;
font-size: 16px;
cursor: pointer;
}

.history__jet {
max-width: 100%;
}

.history__jet .history_blog { 
height: 400px;
overflow-y: hidden;
}

.history_mob_item {
margin-bottom: 10px;
}

.history_mob_item:last-child {
margin-bottom: 0px;
}

.history_blog_content {
padding: 15px;
}

.history_table {
width: 100%;
}

.history_thead_tr th{
padding: 10px;
padding-bottom: 0px;
color: #4c4c4c;
}

.history_thead {
border-bottom: 1px solid #037feb;
}

.history_thead, .history_tbody_tr {
display: table;
width: 100%;
table-layout: fixed;
}

.history_tbody {
display: block;
height: 330px;
overflow-y: scroll;
}

.history_thead_tr th, .history_tbody_tr td{
padding: 10px;
}

.history_tr_flex {
display: flex;
align-items: center;
gap: 10px;
}

.history_tr_status {
width: 15px;
height: 15px;
border-radius: 50%;
}

.bg_status1 {
background: green;
}

.bg_status2 {
background: red;
}

.modal_status_text {
color: white;
}

/* ............ */



/* message */

.message_tabs {
display: flex;
align-items: center;
gap: 20px;
}

.message_tabs_link {
padding: 5px 15px;
color: white;
cursor: pointer;
border-radius: 6px;
}

.message_tabs_active {
background: var(--btn-color);
}

.message_blog {
display: none;
}

.message_list {
max-width: 400px;
margin-top: 20px;
height: 400px;
overflow: auto;
padding-right: 7px;
}

.message_item {
background: var(--design-bg);
border: 1px solid var(--btn-color);
padding: 10px;
display: flex;
justify-content: space-between;
cursor: pointer;
margin-top: 15px;
gap: 15px;
}

.message_item_title {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
color: white;
}

.message_item_title span {
color: var(--btn-color);
}

.message_item_text {
max-width: 350px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: white;
}

.message_item_date {
color: white;
}

.message_modal_button {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 15px;
}

.verification_blog_flex {
display: flex;
align-items: center;
gap: 5px;
}
.verification_blog_plus {
color: white;
font-size: 20px;
}

/* ........ */

/* lostpassword */

.registration_box {
min-height: 70vh;
display: flex;
align-items: center;
justify-content: center;
color: white;
}

.lostpassword_tabs {
display: flex;
align-items: center;

}

.lostpassword_tabs_item {
padding: 10px 15px;
color: white;
width: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;

}

.lostpassword_tabs_item:nth-child(1) {
border-radius: 10px 0px 0px 0px;
}

.lostpassword_tabs_item:nth-child(2) {
border-radius: 0px 10px 0px 0px;
}

.lostpassword_tabs_active {
background: #3d3550;
}

.lostpassword_blog_title {
font-size: 20px;
text-align: center;
}

.lostpassword_blog {
display: none;
width: 100%;

}

.registration_box #dle-content{
width: 100%;
}

.registration_box form {
max-width: 500px;
width: 100%;
margin: auto;
}

.lostpassword_blog_content {
width: 100%;
min-height: 220px;
padding: 30px;
background: rgba(248, 248, 248, 0.15) !important;
backdrop-filter: blur(30px) !important;
border-radius: 0px 10px 10px 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.lostpassword_blog_active {
border-radius: 10px 0px 10px 10px;
}

.lostpassword_link {
max-width: 100%;
width: 100%;
}


/*  lostpassword finished */

.tg_link {
position: fixed;
bottom: 0%;
right:  2%;
z-index: 2000;
}

.tg_link_content {
gap: 5px;
padding: 0px 13px;
width: 100%;
border-radius: 8px 8px 0px 0px;
font-weight: normal;
background: #098124;
height: 40px;
box-shadow: 0px 13px 22px 0px rgba(82, 253, 122, 0.27);
}

.tg_link_content:hover {
background: #098124;
box-shadow: 0px 13px 22px 0px rgba(91, 253, 82, 0.27);
color: #fff;
}

.tg_link_content img{
width: 30px;  
height: 30px;
}

.free_key_content {
color: white;
max-width: 900px;
margin: auto;
}

.free_key_img {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--btn-color);
max-width: max-content;
margin-top: 30px;
}

.free_key_content img{
max-width: 550px;
width: 100%;
margin: auto;
}

.link_page {
margin-top: 20px;
max-width: 350px;
display: flex;
justify-content: center;
align-items: center;
}

.free_key_text {
color: #c0c0c0 !important;
}

.free_news_title {
font-size: 26px;
text-align: center;
margin-top: 40px;
}

.free_key_news_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
gap: 20px;
}

.free_key_news_item {
max-width: 31%;
width: 100%;
}

.free_key_news_content {
border: 1px solid var(--btn-color);
padding: 20px;
}

.free_key_news_rev {
position: relative;
max-width: 100%;
height: 180px;
}

.free_key_news_img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}

.free_key_news_img img{
object-fit: contain;
transition: opacity 300ms ease-in-out 0s;
opacity: 1;
width: 100%;
height: 100%;
}

.free_key_news_title {
font-size: 16px;
text-align: center;
color: white !important;
margin-bottom: 20px;
}

.activation_keys_modal {
position: absolute;
top: -10%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 600px;
width: 100%;
height: max-content;
z-index: 100;
padding: 10px;
}

.activation_keys_modal_content {
background: var(--design-bg);
border: 1px solid var(--btn-color);
padding: 20px;
color: white;
min-height: 400px;
display: flex;
flex-direction: column;
}

.activation_keys_modal_flex {
display: flex;
align-items: center;
gap: 20px;
}

.activation_keys_modal_img {
max-width: 300px;
width: 100%;
}

.activation_keys_modal_text {
font-size: 25px;
}

.activation_keys_button {
margin-top: auto;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
}

.activation_keys_btn {
height: 35px;
cursor: pointer;
font-size: 18px;
display: flex;
align-items: center;
gap: 10px;
}

.modal_discount_text {
font-weight: 600;
font-size: 30px;
color: #42ff26;
}

.modal_discount_text_bottom {
margin-top: 40px;
margin-bottom: 20px;
}

.modal_discount_text_yes {
font-size: 20px;
}

.modal_discount_text a {
color: #2eb6ff;
}

.activation_keys_btn i {
font-size: 20px;
}

#activation_quest_yes {
background: #098124;
}

.activation_keys_btn:nth-child(2) {
background: red;
}

#activation_modal_discount {
display: none;
}

.site_li_link {
color: white;
margin-bottom: 5px;
display: flex;
align-items: center;
gap: 5px;
}

.site_li_link img {
width: 25px;
}

.site_li_img {
width: 50px !important;
}



.abountus_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.abountus_item {
width: 33%;
border: 2px solid var(--btn-color);
padding: 10px;
border-radius: 8px;
cursor: pointer;
margin-left: 5px;
margin-right: 5px;
}

.abount_modal_video {
  max-width: 100%;
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.abount_modal_video iframe{
max-width: 100%;
width: 100%;
height: 460px;
}
.payin_bigtabs, .bigtabs_usd {
  width: 50%;
  text-align: center;
  font-size: 16px;
  }
/* promocode_modal */

.promocode_modal {
position: absolute;
top: 100px;
right: 20px;
overflow: hidden;
z-index: 99;
display: none;
}

.promocode_modal_content {
padding: 15px;
max-width: 350px;
height: 163px;
background: radial-gradient(100% 400% at 0 0,rgba(14,224,35,.12) 0,rgba(14,224,35,0) 100%),linear-gradient(78.89deg,#1e283f,#141b2e);
border-radius: 16px;
}

.promocode_modal_body {
position: relative;
display: flex;
align-items: center;
min-height: 51px;
}

.promocode_modal_left {
position: relative;
padding: 0 85px 0 10px;
}

.promocode_modal_right {
width: 113px;
position: absolute;
right: 14px;
top: 5px;
}

.promocode_modal_subtitle {
text-shadow: 0 6px 22px rgba(218,136,5,.3);
font-weight: 600;
font-size: 13px;
color: white;
}

.promocode_modal_title {
font-weight: 900;
font-size: 24px;
line-height: 1.208333333333333;
background: linear-gradient(to right bottom,#fbc709,#ff8500);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 5px;
display: inline-block;
text-shadow: 0 6px 22px rgba(218,136,5,.3);
}

.promocode_modal_text {
font-size: 12px;
line-height: 1.166666666666667;
color: hsla(0,0%,100%,.7);
}

.promocode_modal_footer {
margin-top: 15px;
display: grid;
grid-gap: 10px;
grid-template-columns: 1fr 1fr;
}

.promocode_modal_link {
width: 100%;
box-shadow: 0 6px 18px 0 rgba(14,161,81,.3);
text-shadow: 0 3px 6px rgba(0,0,0,.2); 
font-size: 1.15rem;
line-height: 1.43;
min-height: 35px;
background: linear-gradient(267.05deg,#089e4e,#31bc69 99.28%);
color: #fff;
font-weight: 600;
justify-content: center;
padding: 0 15px;
transition: all .1s;
border: none;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}

.promocode_modal_link:hover {
 opacity: .8;
color: white;
transition: all .1s;
}

.promocode_modal_close {
width: 100%;
background: rgba(151,174,225,.2);
text-shadow: 0 3px 5px rgba(9,15,30,.2);
font-size: 1.15rem;
line-height: 1.43;
min-height: 35px;
font-weight: 600;
justify-content: center;
padding: 0 15px;
transition: all .1s;
border: none;
color: #fff;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}

.promocode_modal_close:hover {
opacity: .8;
color: white;
transition: all .1s;
}

.promocode_modal_line {
position: absolute;
width: 4px;
top: 0;
bottom: 0;
left: -15px;
border-top-right-radius: 45px;
border-bottom-right-radius: 45px;
background: linear-gradient(to left top,#009746,#38c172);
}

/* promocode_modal ....... */

/* verif_modal */

.verif_modal {
position: absolute;
top: 280px;
right: 20px;
overflow: hidden;
z-index: 99;
display: none;
}

.verif_modal_content {
padding: 15px;
max-width: 350px;
height: 163px;
background: radial-gradient(100% 400% at 0 0,rgba(14,224,35,.12) 0,rgba(14,224,35,0) 100%),linear-gradient(78.89deg,#1e283f,#141b2e);
border-radius: 16px;
}

.verif_modal_body {
position: relative;
display: flex;
align-items: center;
min-height: 51px;
}

.verif_modal_left {
position: relative;
padding: 0 85px 0 10px;
}

.verif_modal_right {
position: absolute;
right: 14px;
top: 5px;
}

.verif_modal_subtitle {
text-shadow: 0 6px 22px rgba(218,136,5,.3);
font-weight: 600;
font-size: 13px;
color: white;
}

.verif_modal_title {
font-weight: 900;
font-size: 19px;
line-height: 1.208333333333333;
background: linear-gradient(to right bottom,#fbc709,#ff8500);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 5px;
display: inline-block;
text-shadow: 0 6px 22px rgba(218,136,5,.3);
}

.verif_modal_text {
font-size: 12px;
line-height: 1.166666666666667;
color: hsla(0,0%,100%,.7);
}

.verif_modal_footer {
margin-top: 15px;
display: grid;
grid-gap: 10px;
grid-template-columns: 1fr 1fr;
}

.verif_modal_link {
width: 100%;
box-shadow: 0 6px 18px 0 rgba(14,161,81,.3);
text-shadow: 0 3px 6px rgba(0,0,0,.2); 
font-size: 1.15rem;
line-height: 1.43;
min-height: 35px;
background: linear-gradient(267.05deg,#089e4e,#31bc69 99.28%);
color: #fff;
font-weight: 600;
justify-content: center;
padding: 0 15px;
transition: all .1s;
border: none;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}

.verif_modal_link:hover {
 opacity: .8;
color: white;
transition: all .1s;
}

.verif_modal_close {
width: 100%;
background: rgba(151,174,225,.2);
text-shadow: 0 3px 5px rgba(9,15,30,.2);
font-size: 1.15rem;
line-height: 1.43;
min-height: 35px;
font-weight: 600;
justify-content: center;
padding: 0 15px;
transition: all .1s;
border: none;
color: #fff;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}

.verif_modal_close:hover {
opacity: .8;
color: white;
transition: all .1s;
}

.verif_modal_line {
position: absolute;
width: 4px;
top: 0;
bottom: 0;
left: -15px;
border-top-right-radius: 45px;
border-bottom-right-radius: 45px;
background: linear-gradient(to left top,#009746,#38c172);
}

.verif_modal_img {
  max-width: 80px;
  width: 100%;
}

/* verif_modal ....... */

.news {
   
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
}

.news_list .slick-list{
padding-left: 44px !important;
padding-right: 44px !important;
}

.news_blog {
min-height: 80vh;
}

.news_blog  .container {
height: 100%;
}

.news_blog_column {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}

.news_blog_body {
width: 70%;
}

.news_left_banner {
position: relative;
padding: 10px;
}

.news_left_banner > div {
height: 100%;
}

.left_banner_stick {
position: sticky;
top: 30px;
}

.news_blog_item_title {
font-size: 28px;
font-weight: 600;
}

.news_blog_bottom {
margin-top: auto;
}

.news_blog_item_img {
max-width: 600px;  
width: 100%;
margin: auto;
margin-top: 40px; 
margin-bottom: 20px;
}

.news_blog_item_img img{
border-radius: 16px;
}

.news_blog_flex {
display: flex;
justify-content: space-between;
gap: 30px;
}

.news_blog_item_text {
font-size: 18px;
margin-top: 30px;
}

.news_blog_item_text a img {
max-width: 500px;
width: 100%;
}

.news_blog_item_text  img {
max-width: 500px;
width: 100%;
}

.news_blog_item_date, .news-date {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: flex-end;

font-weight: 600;
}



.news_blog_title {
margin-top: 30px;
margin-bottom: 20px;
text-align: center;
font-size: 25px;
font-weight: 600;
}



.news_blog_header_flex {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
}

.news_blog_content_similar {
display: flex;
justify-content: space-between;
gap: 120px;
margin-top: 20px;
margin-bottom: 30px;
}

.news_card {
max-width: 320px;
width: 100%;
height: 420px !important;
margin-left: 15px;
margin-right: 15px;
padding: 10px;
border-radius: 12px;
background: white;
box-shadow: 0 4px 50px rgba(26,50,135,.1);

}

.news_card a{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}

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

.news_img img {
width: 100%;
height: 100%;
}


.news_title {
font-size: 20px;

}

.news_text {
font-size: 16px;
}

.news_date {
text-align: end;
font-size: 14px;
margin-top: 15px;
color: #797979;
}

.news_bottom_banner {
margin-top: 30px;
}

.bottom_banner_img {
max-width: 70%;
height: 150px;
margin: auto;
}



.bottom_banner_img img, .left_banner_img video{
width: 100%;
height: 100%;
}

.left_banner_img video{
max-width: 300px;
width: 100%;
height: 450px;
border-radius: 16px;
}

.fon_bg {
    position: absolute;
    left: 0;
    top: -49px;
    z-index: -10;
    width: 100%;
}

.fon_bg img{
width: 100%;
height: 100%;

}

/* news finished */

/* static */

.buy_information {
color: white;
}

.buy_information_img {
max-width: 300px;
width: 100%;
margin: auto;
}

.buy_information_title {
font-size: 25px;
text-align: center;
font-weight: 600;
}

.buy_information_text {
font-size: 16px;
margin-top: 15px;
}

/* static finished */


/* blog_404 */

.body_404 {
background: var(--design-bg);
}

.blog_404 {
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}

.blog_404_content {
position: relative;
padding: 20px;
margin: 10px;
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
background: var(--design-bg);
border: 1px solid var(--btn-color);
border-radius: 10px;
color: white;
}

.blog_404_number {
font-size: 70px;
text-align: center;
}

.blog_404_text {
font-size: 16px;
font-weight: 500;
text-align: center;
}

.blog_404_button {
display: flex;
align-items: center;
justify-content: center;
}

.blog_404_link {
max-width: min(260px, 100%);
margin-top: 40px;
}

.blog_404_link:hover {
opacity: 0.8;
color: white;
transition: 0.2s ease;
}

.free_key_video {
max-width: 100%;
width: 100%;
}


/* blog_404 finished */

/* box */

.box_content {
padding-top: 40px;
}

.box_title {
font-size: 25px;
text-align: center;
font-weight: 600;
color: white;
}

.box_subtitle {
margin-top: 20px;
color: white;
font-size: 20px;
}

.box_prizes_col, .box_prizes_defoult {
margin-top: 20px;
}

.box_prizes_col_flex {
display: flex;
align-items: center;
gap: 20px;
color: white;
}

.box_prizes_item, .box_selected_item, .box_choice_item, .selected_noclick {
width: 100px;
height: 100px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
cursor: pointer;
border: 1px solid var(--btn-color);
}

.box_selected_item, .box_choice_item, .selected_noclick {
margin-top: 15px;
border: 1px solid rgb(3, 180, 3);
}

.box_selected_list, .box_choice_list, .selected_list {
display: flex;
align-items: center;
gap: 20px;
color: white;
}

.box_button {
display: flex;
align-items: center;
gap: 20px;
margin-top: 20px;
}

.btn_link{
cursor: pointer;
}

.box_item_active {
background: #009746;
}

.hide_col {
opacity: 0.6;
pointer-events: none;
width: max-content;
}

.box_prizes_hide {
display: flex;
align-items: center;
gap: 20px;
margin-top: 20px;
}

/* box finished */

.help__content {
display: flex;
align-items: center;
justify-content: center;
gap: 50px;
padding: 30px;
}

.help__left_img {
position: relative;
max-width: 100px;
animation: animate 2s infinite alternate;
}

@keyframes animate {
0% { 
transform: translateY(0); 
}
100% { 
transform: translateY(-30px); 
}
}

.help__left_img img:nth-child(1) {
position: relative;
z-index: 10;
}

.help__left_img img:nth-child(2) {
position: absolute;
top: 60%;
right: 59%;
z-index: 5;
}
 
.help__right_content {
position: relative;
padding: 20px;
background: var(--design-bg);
    border: 1px solid var(--btn-color);
color: white;
border-radius: 8px;
margin-top: 10px;
max-width: 450px;
}

.help__right_content::before {
width: 23px;
height: 23px;
position: absolute;
left: -12px;
top: 30%;
content: "";
background: var(--design-bg);
border-left: 1px solid var(--btn-color);
border-top: 1px solid var(--btn-color);
transform: skewY(12deg);
transform: rotate(-45deg);
z-index: 30;
}

.help__right_content p {
margin-bottom: 10px !important;
}


.cookie {
position: fixed;
top: 40%;
left: 0;
right: 0;
margin: auto;
max-width: 400px;
width: 100%;
padding: 20px;
background: #d8c288;
display: none;
z-index: 1000000;
}

.cookie_button {
display: flex;
justify-content: flex-end;
margin-top: 5px;
}

.cookie_button button {
background: #642afa;
color: white;
padding: 5px 15px;
border: none;
}