@import url("https://fonts.googleapis.com/css2?family=Bakbak+One&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

/* start code customer panel */
body{
 background-color: #092c9f00;
}
.green{
  color
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Bakbak One", cursive;
  color: #fff;
  line-height: 1.2;
  font-weight: 400;
  text-transform: uppercase;
}
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6{
  color:white !important;
}
h1,
h2,
h3,
h4,
h5,
h6{
  color:black !important;
}
.green_bg{
  background: #00ffa3;
}
.col.align-self-center.m7-3 {
  transform: translateY(92px);
}
.logo-small img {
    width: 200px !important;
  }
  .splish_loader.loader-cube-wrap {
    height: unset !important;
    width: unset !important;
    max-width: 100%;
  }
  .splish_loader.loader-cube-wrap img{
    max-width: 100%;
  }
  .logo-small img {
      box-shadow: none;
      -webkit-box-shadow: none;
    }
/* make animated Gear  */
.img_box_mining{
  position: relative;
}
img.image_main_gear {
    width: 70%!important;
    position: relative;
    z-index: 5;
    animation: animate_main_gear 2s linear 0s infinite reverse;
    /* animation-delay:.5s; */

}
img.sub_gear1 {
    width: 34% !important;
    position: absolute;
    right: 7%;
    z-index: 0;
    animation: animate_main_gear2 3s linear 0s infinite reverse;
}
img.sub_gear2 {
    width: 32% !important;
    position: absolute;
    top: 51%;
    right: 66%;
      animation: animate_main_gear2 5s linear 0s infinite reverse;
}
.row.justify-content-spacebetween {
    display: flex;
    justify-content: space-around;
}
@keyframes animate_main_gear {
   from {
     transform: rotate(0deg);
   }
   to {
      transform: rotate(-360deg);
   }
}
@keyframes animate_main_gear2 {
   from {
     transform: rotate(0deg);
   }
   to {
      transform: rotate(-360deg);
   }
}
@keyframes animate_main_gear3 {
   from {
     transform: rotate(0deg);
   }
   to {
      transform: rotate(-360deg);
   }
}
/* animated Gear animation set */
/* break poinuts */
.bg_loading{
  background-color: var(--fimobile-theme-color);
  background-image: linear-gradient(#0000005c,#00000040),url(../img/backgorund-image4.png);
  background-repeat: repeat-x;
  background-position: bottom center !important;
  animation: zoombg infinite 10s;
  -webkit-animation: zoombg infinite 10s;
}
@media(max-width:992px){
  .col.align-self-center.m7-3 {
    transform: translateY(0px);
 }
}
.tag_text_timer.tag.border-dashed.border-opac {
    padding: 5px 10px !important;
    font-family: "Bakbak One", cursive;
    font-size: 14px;
    /* transform: translateY(18px); */
    margin-top: 5px;
}
h4.fw-normal.mb-2 {
    color: #ffffff;
    text-shadow: 2px 2px 1px black !important;
}
span.small.text-muted {
    color: #ff4910 !important;
    background: #000000bd;
    opacity: 1;
    border-radius: 4px;
    padding: 0 5px;
}
img.logo_mastercard_sm{
    width: 55px;
    background: black;
    padding: 5px;
    border-radius: 5px;
}
h4.timer_text {
    font-size: 18px;
    margin-bottom: 10px;
    /* transform: translateY(-10px); */
}
label.form-check-label.text-muted.px-2 {
    padding: 0 !important;
}
.row.enter.Ammount_box {
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-transform: uppercase !important;
    color: white;
    font-family: "Bakbak One", cursive;
}
input.form-control::placeholder {
    color: white;
    font-family: "Bakbak One", cursive;
}

h5.counter_box_wallat small {
    font-size: 10px;
    color: black;
}
h5.counter_box_wallat {
  display: flex;
  flex-direction: column;
  font-size: 22px;
  align-items: center;
}
::-webkit-file-upload-button {
    padding: 2px !important;
    background: #fcbb17 !important;
    color: black !important;
    font-weight: 600;
    font-size: 10px;
    border-radius: 10px !important;
    margin-left: 10px !important;
}
/* background card pay */
.dark-bg-bkash{
/* background-image: url("../img/brands/Bkash.png");
background-repeat: repeat-x;
background-repeat:no-repeat;
background-size: cover;
background-position: center center !important; */
/* animation: zoombg infinite 10s;
-webkit-animation: zoombg infinite 10s; */
}
.dark-bg-nagod{
/* background-image: url("../img/brands/nagod.png");
background-repeat:no-repeat;
background-size: cover;
background-position: center center !important; */
/* animation: zoombg infinite 10s;
-webkit-animation: zoombg infinite 10s; */
}
img.sm-logo_mst {
    width: 43px;
    background: #ffffff;
    padding: 3px 0;
    border-radius: 4px;
}
ul.plain_up_list li {
    font-size: 11px;
}
ul.plain_up_list {
    padding-left: 15px;
}

a.btn_pakages.btn-sm.btn.btn-default {
    font-size: 10px;
}
.logo-small-s img {
    width: 200px;
}
.row.mb-3.wallate_data_box .col-6 {
    padding: 5px 8px;
}
img.icon_notification {
    width: 44px;
}
img.icon_img_mobile_menu {
    background: #ffffff38;
    padding: 2px;
    width: 36px;
}
img.icon_img_mobile_menu_sub{
    width: 60px;
    background: #ffffff30;
    padding: 5px;
    border-radius: 8px;
}
img.icon_menu_hamberger {
    width: 100%;
    padding: 0;
    margin: 0;
    transition: .3s ease;
}
a.btn.btn-light.menu-btn.btn_menu_hamberger {
    width: 46px;
    height: 46px;
    padding: 0;
    margin: 0;
    background: none !important;
}
a.btn.btn-light.menu-btn.btn_menu_hamberger:focus {
    box-shadow: none;
}
button.btn.btn-44.btn-light.btn_arrow_sp {
    border: none;
    background: none;
}
img.icon_arrow_left {
    width: 100%;
    transition: .3s ease;
}
/* icn background css */
.avatar.avatar-40.rounded.icon {
    background: #ffffff69;
}
img.icon_arrow_left:hover{
    filter: hue-rotate(210deg);
}
img.icon_menu_hamberger:hover {
    filter: hue-rotate(210deg);
    transform: scale(1.2);
    transition: .3s;
}

a.nav-link:hover img.icon_img_mobile_menu {
    filter: hue-rotate(307deg);
    transform: scale(1.2);
    transition: .3s;
}
a.nav-link:hover img.icon_img_note {
    filter: hue-rotate(307deg);
    transform: scale(1.2);
    transition: .3s;
}
img.icon_img_mobile_menu_sub{
 transition: .3s;
}
img.icon_img_mobile_menu_sub:hover {
    filter: hue-rotate(111deg);
    transform: scale(1.2);

}
.tab-pane .avatar.avatar-40.bg-warning.text-white.shadow-sm.rounded-10 {
    background: #ffffff57 !important;
}
img.img_badges_main {
    background: #fff0f02e;
}
.footer .nav .nav-item.centerbutton .nav-link > span img.img_89_icon{
  width: 35px;
  height: 35px;
}
input.form-control.admin_number {
    background: #ff5c00;
    font-weight: 700;
    font-size: 20px;
}
.col-12.box_898 {
    width: 106%;
}
.timer-box {
    display: flex;
    justify-content: center;
}
.timer {
    margin: 5px;
    padding: 5px;
    background: linear-gradient(234deg, #ff0acf,#4f00ff, #ff5e00);
    border-radius: 4px;
    font-weight: 800;
    font-family: arial black;
    border: 1px solid white;
    box-shadow: inset 0px 0px 9px #00000082;
}
small.live_09 {
    background: linear-gradient(45deg, #b8b8b89e, #5e5e5e);
    padding: 2px 8px;
    border-radius: 40px;
    border: 1px solid #26ff10;
}
small.oldl90{
  background: linear-gradient(45deg, #b8b8b89e, #5e5e5e);
  padding: 2px 8px;
  border-radius: 3px;
}
.secend_timer{
    animation: secend_animation 3s linear 0s infinite reverse;
}
.blink{
  animation:blink_is 2s linear 0s infinite reverse;
}
.blink.bi-circle-fill{
  color:#1cc400;
}
/* notification */
span.count-indicator {
    background: orange;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 22px;
    width: 22px;
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    transform: translate(-20px,19px);
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid white;
}
@media (max-width:767px) {
  .timer {
     margin: 2px;
     padding: 3px;
     background: linear-gradient(234deg, #ff0acf,#4f00ff, #ff5e00);
     border-radius: 4px;
     font-weight: 800;
     font-family: arial black;
     border: 1px solid white;
     font-size: 11px;
     box-shadow: inset 0px 0px 9px #00000082;
 }
   small.live_09,small.oldl90{
     font-size: 9px;
     padding: 2px 4px !important;
   }
   .logo-small img {
       width: 165px !important;
     }
 }
 img.icon_img_mobile_menu.icon_9 {
     width: 40px;
 }
@media (min-width:768px) {
  h1.amt_menu.display-4 {
    font-size: 40px;
 }

}


@keyframes blink_is{
  0%{
  opacity:0;
  }
  50%{
  opacity: .8;
  }
  80%{
    opacity: 1;
    filter: brightness(1.3);
  }
  100%{
    opacity: 1;
    filter: brightness(1.6);
  }
}



@keyframes secend_animation {
  0%{
  background: linear-gradient(0deg, #ff0acf,#4f00ff, #ff5e00);
  }
  20%{
  background: linear-gradient(72deg, #ff0acf,#4f00ff, #ff5e00);
  }
  40%{
  background: linear-gradient(144deg, #ff0acf,#4f00ff, #ff5e00);
  }
  60%{
   background: linear-gradient(216deg, #ff0acf,#4f00ff, #ff5e00);
  }
  80%{
    background: linear-gradient(288deg, #ff0acf,#4f00ff, #ff5e00);
  }
  100%{
    background: linear-gradient(360deg, #ff0acf,#4f00ff, #ff5e00);
  }
}
/* Css only use status==== */
.Success_BG{
  background:linear-gradient(45deg, #12e209, #008746) !important;
}
.Proccing_BG{
  background:#073aff !important;
}
.Cancle_BG{
    background:linear-gradient(45deg, #ff0303, #000000)!important;
}
.Unseen_BG{
  background:linear-gradient(45deg, #bf5909, #002797) !important;
}
button.btn_renew {
    font-size: 12px;
    font-weight: 700;
    color: white;
    padding: 2px 11px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(119deg, #ff3d00, #38ff00);
    position: absolute;
    top: 60%;
    left: 66%;
    border: 2px solid white;
}
a.btn-lg.btn.btn-green {
    background: green;
}
img.rafer_banner {
    max-width: 145px;
}
a.Binance_897 {
    background: #28a200;
    padding: 2px 6px;
    font-size: 12px;
    border-radius: 4px;
    color: white;
    font-weight: 600;
}
a.Binance_890{
  background:orange;
  padding: 2px 6px;
  font-size: 12px;
  border-radius: 4px;
  color: white;
  font-weight: 600;
}
small#sclip_776 {
    font-size: 12px;
    color: #ffffff;
    font-weight: 700;
    background: #0000006e;
    width: 70%;
}
label.error {
    color: #ff9700 !important;
}
.col.Box_bank_de_model {
    position: absolute;
    bottom: 31%;
    text-align: left;
    left: 8%;
}
@media(max-width:768px){
.maintaince_title{
 font-size:18px !important;
 }
}