@charset "utf-8";

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

body{  font-family: "Montserrat", sans-serif; font-size: 14px;  color:#c1c1c1; background-color: #000 ; font-weight: 400;}
a, a:active, a:focus, a:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}
button, button:active, button:focus, button:hover {outline: none; box-shadow: none !important; transition: all 0.5s ease; text-decoration: none;}

.theme_btn{background: #244dff; font-weight: 500; color: #fff; border: none; padding: 10px 22px; border-radius: 10px;}
.theme_btn:hover{background: #fff; color: #000; }
.theme_btn.white_btn{background: #fff;  color: #000;}
.theme_btn.white_btn:hover{background: #244dff;  color: #fff;}

header {left: 0; right: 0; top:0; z-index: 111;background-color: #0000; position: fixed;backdrop-filter: blur(20px); }
.header_padding{padding-top: 100px;}

.pointer{cursor: pointer;}
.opacity-10{opacity: .10;}
.opacity-20{opacity: .20;}
.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}
.fw-900{font-weight: 900 !important;}

.max-200{max-width: 200px;}
.max-300{max-width: 300px;}
.max-400{max-width: 400px;}
.max-450{max-width: 450px;}
.max-500{max-width: 500px;}
.max-600{max-width: 600px;}
.max-600{max-width: 600px;}
.max-700{max-width: 700px;}
.max-800{max-width: 800px;}
.max-900{max-width: 900px;}
.max-1000{max-width: 1000px;}
.max-1200{max-width: 1200px;}

.fs-7{font-size: .9rem !important;}
.fs-8{font-size: .8rem !important;}

header{ background-color: rgba(0,0,0,.8); backdrop-filter: blur(4px); position: fixed; top: 0; right:0; left: 0; z-index: 10;}
.header_logo{width: 200px; }

.box-background {width: 100%; position: absolute; top: 0; left: 0; z-index: -10;  height: 100vh;}
.app-box{margin-top: 73px; display: flex; flex-direction: row;}
.left-area{ padding: 3rem; padding-bottom: 2rem; flex: 1 1;}
.right-area{min-width: 450px; padding: 3rem; padding-bottom: 2rem; background: rgba(9,9,10,.8); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); box-sizing: border-box; min-height: 100vh; height: -moz-fit-content; height: fit-content; margin-left: auto;}

.copy_btn{filter: brightness(0) invert(1); width: 18px;}
.logo-icon-position{position: absolute; right: 5px; top: 5px; width: 130px; z-index: -11; opacity: .1;}
.details_box_solid{background: linear-gradient(180deg,#1c1f26,#09090a 39.9%); position: relative;}
.details_box{border: 2px solid #1c1f26; background: linear-gradient(180deg,#1c1f26,#09090a 39.9%);}
.box-glass-star{width: 45px; opacity: .2;}
.star-hover:hover .box-glass-star {opacity: 1;}

.package_border::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -2px;
  border-radius: inherit;
  background: linear-gradient(0deg,#e2ff24,hsla(0,0%,100%,.2));
}
.package_border._border2::before {
 background: linear-gradient(0deg,#09acb4,hsla(0,0%,100%,.2));
}

.gradient-border-box {z-index: 1; border-radius: 1.2rem; background: linear-gradient(90deg,rgba(36,77,255,.2),rgba(196,46,255,.2) 50%,rgba(226,255,36,.2)); position: relative;}
.gradient-border-box::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 15px;
  width: 100%;
  background: linear-gradient(90deg,#244dff,#c42eff 50%,#e2ff24);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  -webkit-clip-path: polygon(1.5% 80%,98.5% 80%,99.2% 72%,99.8% 35%,100% 0,100% 100%,0 100%,0 0,.2% 35%,.8% 72%);
  clip-path: polygon(1.5% 80%,98.5% 80%,99.2% 72%,99.8% 35%,100% 0,100% 100%,0 100%,0 0,.2% 35%,.8% 72%);
}
.form-control, .form-select {background-color: #ffffff1f;border: 1px solid #ffffff1f; color: #EFEFEF; font-size: 15px; font-weight: 400; border-radius: 5px; height: unset; padding: 12px 15px;}
.form-control:focus, .form-select:focus {  color: #EFEFEF; background-color: #ffffff1f; border: 1px solid #ffffff1f; box-shadow: none;}
.form-control::placeholder{color: #fff;}
.slick-slide > div{margin: 10px;}
.slick-dots li.slick-active button::before {color: white !important; font-size: 8px;}
.slick-dots li button::before{color: white !important;}
.slick-dots li{margin: 0 0px !important;}
.slick-dots{position: unset !important;}


table thead tr{ white-space: nowrap !important;  border-radius: 10px !important;  align-items: center !important;}
table thead tr th{font-weight: 800 !important;  background:#244dff !important;}

table tbody tr{background-color: transparent !important; }
table > :not(caption) > * > * {border-bottom: 1px solid #ffffff1f !important; padding: 13px 15px !important; background-color: transparent !important; color: #fff !important; }
.css-ado1kx-MuiPaper-root{background-color: transparent !important;}
.css-asoukm-MuiTableContainer-root, .css-ado1kx-MuiPaper-root{border-radius: 0 !important;}

footer{background: #131313;}

.loader-container {width: 100vw; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1111; height: 100vh; display: flex; justify-content: center; align-items: center; background-color:#000000c9;}
.loader3 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: radial-gradient(farthest-side,#244dff 94%,#0000) top/4px 4px no-repeat,  conic-gradient(#0000 30%,#244dff);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);
  animation: spinner-ub 0.8s infinite linear;
}
 
@keyframes spinner-ub {
  100% {
     transform: rotate(1turn);
  }
}