* {
   box-sizing: border-box;
 }

 :root {
   --clr_2: #1e1d1d;
   --d_clr_1: #000;
   --l_clr_1: #fff;
   --l_clr_2: #cccdcf;
   --l_txt_clr_1: #31373d;
   --l_txt_clr_2: #fff;
   --spacing-sm4: 0.5rem;
   --clr_1: #ee4102;
   --grade_1: #de3ed9 !important;
   --shadow_1: 1px 2px 11px rgb(0 0 0 / 67%);
 }

 /*********** DARK MODE *****************/

 body.darkTheme {
   background: #000 !important;
   display: block;
 }

 body.darkTheme .bg_1 {
   background: var(--d_clr_1);
 }

 body.darkTheme .login-modal .modal-dialog .modal-content .modal-body .form-area .input-field,
 body.darkTheme .contact .contact-form-wrapper .contact-box .input-field,
 body.darkTheme textarea,
 body.darkTheme input.paymentInp,
 body.darkTheme .payKsamaInp input,
 body.darkTheme .input-fieldupdate,
 body.darkTheme .payKsamaInp select {
   background-color: hsl(0deg 0% 0%) !important;
   border-radius: 4px !important;
   /* box-shadow: inset 0 3px 4px hsl(0deg 0% 100% / 40%) !important; */
 }

 body.darkTheme .contact .contact-form-wrapper .contact-box .input-field:hover {
   transition: 120ms linear;
   box-shadow: inset 0 0px 0px hsla(0, 0%, 0%, 0.4);
   background-color: hsla(0, 0%, 0%, 0.04);
 }

 /*********** LIGHT MODE *****************/


 /*********** DARK THEME ELEMENTS START *****************/


 body.darkTheme .total_Footer {
   background: #e1e3e7;
 }

 body.darkTheme .lightMode {
   display: none;
 }

 body.darkTheme ::-webkit-scrollbar-track {
   background: #101010;
 }

 body.darkTheme ::-webkit-scrollbar-thumb {
   background: #262626;
 }

 body.darkTheme .gameHead {
   background: linear-gradient(90deg, #f9f3f3, transparent);
 }

 body.darkTheme .table_1 tr th {
   color: #fff;
   background: #2a2a2a;
 }

 body.darkTheme .cash_convert li {
   background: var(--d_clr_1);
 }

 body.darkTheme .popup_1 {
   background: #3c3c3c;
 }

 body.darkTheme .foot_white_img {
   display: block;
 }

 body.darkTheme .foot_black_img {
   display: none;
 }

 body.darkTheme .img2 {
   display: none;
 }

 .clr_1 {
   color: var(--clr_1);
 }

 .clr_2 {
   color: var(--clr_2);
 }

 .clr_4 {
   color: var(--clr_4);
 }

 .clr_ff {
   color: var(--clr_ff);
 }

 .clr_00 {
   color: var(--clr_ff);
 }

 .clr_080 {
   color: var(--clr_080);
 }

 .grade_1 {
   background: var(--grade_1);
 }

 .bg_1 {
   background: var(--clr_1);
 }

 .bg_2 {
   background: var(--clr_2);
 }

 .bg_3 {
   background: #212a29;
 }

 .bg_4 {
   background: var(--clr_4);
 }

 .bg_5 {
   background: var(--clr_5);
 }

 .bg_ff {
   background: var(--clr_ff);
 }

 .font-12 {
   font-size: 12px;
 }

 .txt_clr_1 {
   color: var(--txt_clr_1);
 }

 .shadow_1 {
   box-shadow: var(--shadow_1);
   background: #0000001c;
 }

 html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   overflow-x: hidden;
 }

 body {
   font-family: Arial, Helvetica !important;
   font-size: 14px;
   margin: 0;
   overflow-x: hidden;
   max-width: 100%;
 }

 h1 {
   font-size: 60px;
   line-height: 1.0833333333333333;
 }

 h2 {
   font-size: 52px;
   line-height: 1.4444444444444444;
 }

 h3 {
   font-size: 26px;
   line-height: 1.0833333333333333;
 }

 h4 {
   font-size: 22px;
   line-height: 1.2380952380952381;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   color: #8400c2;
 }

 p {
   font-size: 13px;
   line-height: 1.625;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
 }

 p.text-center.pro_txt {
   text-align: start !important;
   color: #fff !important;
 }

 a {
   color: #fff;
   text-decoration: none;
 }

 a,
 a:focus,
 a:active {
   text-decoration: none;
   outline: none;
 }

 a i {
   padding: 0 2px;
 }

 img {
   max-width: 100%;
 }

 ul {
   padding: 0;
   margin: 0;
 }

 ul li {
   list-style: none;
 }

 input[type="text"]:focus,
 input[type="email"]:focus,
 input[type="url"]:focus,
 input[type="password"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
 input[type="number"]:focus,
 textarea:focus,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus,
 select:focus {
   outline: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: 1px solid #de3ed9;
   /* border: none !important; */
 }

 .loader_spin {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: inline-block;
  border-top: 5px solid #f8ca40;
  border-right: 5px solid transparent;
  box-sizing: border-box;
  animation: rotation_spin 1s linear infinite;
}

.loader_spin::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border-left: 5px solid #de3ed9;
  border-bottom: 5px solid transparent;
  animation: rotation_spin 0.5s linear infinite reverse;
}

@keyframes rotation_spin {
  0% {
    transform: rotate(0deg);
  }

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


.preloader {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.preloader.hide {
  opacity: 0;
  display: none;
}

 /* Global style */
 .mybtn1 {
  font-size: 17px;
  font-weight: 600;
  padding: 8px;
  display: inline-block;
  color: #fff !important;
  cursor: pointer;
  transition: all 0.3s ease-in;
  background: var(--grade_1);
  margin: auto;
  display: flex;
  text-align: center;
  width: 100%;
  justify-content: center;
  border: 1px solid #aa00ff;
  border-radius: 5px;
}

 .trans_btns {
   font-size: 17px;
   font-weight: 600;
   padding: 7px 26px;
   display: inline-block;
   color: #ffffff;
   cursor: pointer;
   transition: all 0.3s ease-in;
   background: var(--grade_1);
   margin: auto;
   display: flex;
   text-align: center;
   width: 100%;
   justify-content: center;
   border: none;
   border-radius: 5px;
   margin-top: 7px;
   /* transform: skew(339deg); */
 }

 .form_Inp input.form-control {
   border: none !important;
 }

 .mybtn2 {
   font-size: 16px !important;
   font-weight: 600;
   height: 50px;
   line-height: 50px;
   width: 108px;
   display: inline-block;
   color: #000;
   border: 0px;
   cursor: pointer;
   transition: all 0.3s ease-in;
   background: var(--grade_1);
   display: poppins;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: auto;
 }

 .mybtn2:hover {
   color: #fff !important;
   background: #000;
   border: 1px solid #ebd333;
 }



 .popupStyle img {
   width: 100%;
 }

 ul.ajecet_LI {
   padding: 0;
   width: 100%;
   text-align: center;
   /* line-height: 4.5; */
   display: block;
   justify-content: center;
   align-items: center;
   margin: auto;
 }

 ul.ajecet_LI li:hover {
   font-weight: 600;

 }

 ul.ajecet_LI li {
   border: none !important;
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   margin: auto;
   margin: 0;
   transform: skew(0deg) !important;
   border-bottom: 1px dotted #000 !important;
   padding: 30px;
   color: #000;
   font-weight: 400;
 }


 .popupStyle>div h3 {
   text-align: center;
   color: #000;
   padding: 5px;
 }

 .popupStyle>div {
   background: #fff;
   cursor: pointer;
 }

 .profile_sec {
   display: flex;
   -webkit-box-align: center;
   align-items: center;
   flex-direction: row;
   position: relative;
   height: 100%;
   z-index: 9;
 }

 .profile_sec::before {
   content: "";
   height: 100%;
   border-left: 1px solid rgb(255, 255, 255);
   background: radial-gradient(50% 50% at 50% 50%, rgba(1, 11, 49, 0.56) 0%, rgba(0, 25, 114, 0.24) 100%);
   position: absolute;
   top: 0px;
   left: 0px;
   transform: skew(-20deg);
 }

 .PFNBC:hover {
   text-decoration: none;
 }

 ul.right-list li a.PFNBC:hover {
   color: #fff !important;
 }

 .PFNBC {
   width: 100%;
   height: 100%;
   display: flex;
   -webkit-box-align: center;
   align-items: center;
   flex-direction: row;
   margin-left: 2px;
   position: relative;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), rgb(0, 62, 156);
   transform: skew(-20deg);
   padding-left: 1rem;
   text-decoration: none;
 }

 .fncb {
   max-width: 200px !important;
   width: 100%;
   display: flow;
 }

 .headDB {
   background: rgb(51, 200, 93);
   border-radius: 5px;
   transform: skew(340deg);
   margin-left: 10px;
   margin-right: 20px;
 }

 .headDD {
   background: #FF5722;
   border-radius: 5px;
   transform: skew(340deg);
   margin-left: 10px;
   margin-right: 20px;
   color: #fff !important;
 }

 .headDD a {
   color: #fff;
 }

 .headDB a,
 .headDD a {
   width: 80px;
   text-align: center;
   display: block;
   text-decoration: none;
   padding: 10px 0px;
   font-size: 13px;
   color: rgb(255, 255, 255);
   text-transform: uppercase;
   background-color: transparent;
   border: none;
   cursor: pointer;
 }

 .newLoginRegister {
   width: 80px !important;
   text-align: center;
   display: block;
   text-decoration: none;
   padding: 6px 0px !important;
   font-size: 15px !important;
   text-transform: capitalize;
   background-color: transparent;
   border: none;
   color: #fff !important;

   cursor: pointer;
 }

 .newLoginRegister:hover {
   color: #fff !important;

 }

 .joinBG,
 .login {
   margin-left: 10px;
   margin-right: 10px;
   background: #de3ed9 !important;
   border-radius: 50px 5px 50px 5px;
   ;
   color: #fff;
 }

 .login {
   background: #1e1d1d !important;
 }

 .providerPopup {
   position: absolute;
   width: 100% !important;
   left: 0 !important;
   right: 0 !important;
   top: 41px;
   padding: 10px 20px;
   background-color: rgb(25 98 169);
   position: fixed;
   top: 80px;
   transition: all 0.25s ease;
   animation: _ngcontent-ng-c3288116320_in-animation 0.25s ease;
   z-index: 3;
 }

 .imgdiv.my-class1 {
   border-bottom: solid 5px var(--clr_2);
   box-sizing: border-box;
 }

 .imgdiv.my-class1 {
   border-bottom: solid 5px var(--clr_2);
   box-sizing: border-box;
 }

 .imgdiv {
   float: left;
   margin: 5px;
   cursor: pointer;
   display: flex;
   justify-content: center;
   flex-grow: 1;
 }

 .tablBanner {
   margin-top: 50px;
 }




 p.text-start {
   font-size: 15px !important;
 }

 /* Header Area Start */


 .header {
   top: 0;
   z-index: 950;
   position: fixed;
   width: calc(100% - 230px);
   right: 0;
   transition: all 0.5s;
   padding: 10px;
   padding: 17px 0px;
   box-shadow: 0px 0px 14px 6px rgb(0 0 0 / 20%);
   border-bottom: 1px solid #282828;
 }

 .header.headerWid {
   width: calc(100% - 60px);
 }

 .header.nav-fixed {
   position: fixed;
 }

 .header .top-header .content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 13px 0px 13px;
 }

 .header .top-header .content .left-content .left-list li {
   display: inline-block;
   margin-right: 35px;
   position: relative;
 }

 .header .top-header .content .left-content .left-list li:last-child::before {
   display: none;
 }

 .header .top-header .content .left-content .left-list li p {
   margin-bottom: 0px;
 }

 .header .top-header .content .left-content .left-list li .language-selector .language {
   border: 0px;
   background: none;
   color: #a1aed4;
 }

 .header .top-header .content .left-content .left-list li:last-child {
   margin-right: 0px;
 }

 .header .top-header .content .right-content {
   text-align: right;
   align-items: center;
   display: flex;
 }

 .header .top-header .content .right-content .right-list>li:last-child {
   margin-right: 0px;
 }

 .header .top-header .content .right-content .right-list>li:last-child::before {
   display: none;
 }

 .header .top-header .content .right-content .right-list>li p {
   margin-bottom: 0px;
 }

 .header .top-header .content .right-content .right-list>li .cart-icon {
   position: relative;
 }

 .header .top-header .content .right-content .right-list>li .cart-icon .cart-count {
   position: absolute;
   width: 20px;
   height: 20px;
   color: #fff;
   top: -7px;
   right: -10px;
   background: #252f5a;
   font-size: 10px;
   border-radius: 50px;
   text-align: center;
   line-height: 20px;
   z-index: 7;
 }

 .header .top-header .content .right-content .right-list>li .notofication {
   position: relative;
 }

 .header .top-header .content .right-content .right-list>li .notofication .count {
   position: absolute;
   width: 20px;
   height: 20px;
   color: #fff;
   top: -7px;
   right: -10px;
   background: #252f5a;
   font-size: 10px;
   border-radius: 50px;
   text-align: center;
   line-height: 20px;
   z-index: 7;
 }

 .header .top-header .content .right-content .right-list>li .tm-dropdown {
   position: relative;
 }

 .header .top-header .content .right-content .right-list>li .tm-dropdown .tm-dropdown-menu {
   position: absolute;
   top: 100%;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   background: #27343a;
   z-index: 9900;
   width: 170px;
   padding: 8px 15px 15px;
   text-align: left;
   display: none;
 }

 .header .top-header .content .right-content .right-list>li .tm-dropdown .tm-dropdown-menu .list .list-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 5px;
 }

 .header .top-header .content .right-content .right-list>li .tm-dropdown .tm-dropdown-menu .list .list-item .close {
   color: #fff;
   font-size: 12px;
   margin-top: 10px;
   cursor: pointer;
   display: inline-block;
   margin-right: 5px;
 }

 .header .top-header .content .right-content .right-list>li .tm-dropdown .tm-dropdown-menu .list li a {
   display: block;
   color: #a1aed4;
   font-size: 14px;
   margin-bottom: 0px;
   -webkit-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
 }

 .header .top-header .content .right-content .right-list>li .tm-dropdown .tm-dropdown-menu .list li a i {
   margin-right: 5px;
 }

 .header .top-header .content .right-content .right-list>li .tm-dropdown .tm-dropdown-menu .list li a:hover {
   color: #f9314b;
 }

 .header .top-header .content .right-content .right-list>li .tm-dropdown .tm-dropdown-menu .list li::last-child {
   margin-bottom: 0px;
 }

 .header .top-header .content .right-content .right-list>li .tm-dropdown .tm-dropdown-menu .link-btn {
   margin-top: 14px;
   display: block;
   font-size: 12px;
   text-align: center;
   text-transform: uppercase;
   font-weight: 600;
   padding: 4px 20px;
   color: #fff;
   border: 0px;
   border-radius: 50px;
   cursor: pointer;
   -webkit-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
   background-color: #182324;
 }

 .header .top-header .content .right-content .right-list>li .tm-dropdown .tm-dropdown-menu .link-btn:hover {
   background-color: #182324;
   color: #fff;
   -webkit-transform: translateY(-2px);
   -ms-transform: translateY(-2px);
   transform: translateY(-2px);
 }

 .header .top-header .content .right-content .right-list>li .tm-dropdown:hover .tm-dropdown-menu {
   display: block;
 }

 .header .top-header .content .right-content .right-list>li .sign-in {
   color: #a1aed4;
 }

 .footer {
   overflow: hidden;
   position: relative;

   background-color: var(--clr_5);
   display: contents;
 }

 .footer .footer-logo {
   margin-top: -10px;
   margin-bottom: 25px;
 }

 .featured-game {
   margin-bottom: 15px;
 }

 .small,
 small {
   font-size: 90%;
   font-weight: 600;
 }


 a:not([href]):not([tabindex]):focus,
 a:not([href]):not([tabindex]):hover {
   /* color: #000; */
   text-decoration: none;
 }

 .payment-method {
   background: var(--clr_00);
 }


 .payment-method .title {
   font-size: 20px;
   line-height: 38px;
   font-weight: 700;
   text-transform: uppercase;
   color: #fff;
 }


 .payment-method .mybtn1 {
   margin-top: 60px;
 }

 /* Payment-method Area End */
 /* Help Section Area Start */
 .cover_TRPV {
   position: absolute;
   /* z-index: 10000000; */
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   background: #000;
   padding: 0;
   margin: 0;
   height: 100vh;
 }



 /* Contact Area Start */

 .contact {
   font-size: 15px;
   padding: 50px 0px 150px;
   background-color: var(--clr_00);
   position: relative;
 }

 .contact .left-img {
   position: absolute;
   left: 100px;
   max-width: 520px;
   margin-top: 77px;
 }

 .contact .contact-form-wrapper .contact-box {
   position: relative;
   z-index: 9;
   padding: 32px 30px 40px;
   border-radius: 4px;
 }

 .contact .contact-form-wrapper .contact-box .title {
   font-size: 15px;
   font-weight: 500;
   line-height: 34px;
   color: #fff;
   margin-bottom: 16px;
 }

 .contact .contact-form-wrapper .contact-box .input-field {
   width: 100%;
   border: 0px;
   height: 50px;
   margin-bottom: 10px;
   font-size: 15px;
   padding-left: 10px;
   /* border-radius: 4px; */
 }

 .contact .contact-form-wrapper .contact-box .input-field::-webkit-input-placeholder {
   color: #e1e4ec;
   font-size: 14px;
   text-transform: none;
 }

 .contact .contact-form-wrapper .contact-box .input-field:-moz-placeholder {
   color: #7bacd3;
 }

 .contact .contact-form-wrapper .contact-box .input-field::-moz-placeholder {
   color: #dedddd;
 }

 .contact .contact-form-wrapper .contact-box .input-field:-ms-input-placeholder {
   color: #dedddd;
 }

 .contact .contact-form-wrapper .contact-box .input-field.textarea {
   height: 120px;
   resize: none;
 }

 .contact .contact-form-wrapper .contact-box .mybtn1 {
   margin-top: 11px;
 }


 /* 404 Area Start */

 .four-zero-four {
   height: 100vh;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-item-align: center;
   align-self: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background: #430101;
   position: relative;
 }

 .four-zero-four .bg-img {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 .four-zero-four .content {
   text-align: center;
 }

 .four-zero-four .content img {
   display: inline-block;
   margin-bottom: 50px;
 }

 .four-zero-four .content .inner-content .title {
   font-size: 36px;
   line-height: 46px;
   font-weight: 700;
   color: #dfe3ff;
 }

 .four-zero-four .content .inner-content .mybtn1 {
   margin-top: 38px;
   display: inline-block;
 }

 /* 404 Area End */

 /* faq-section css start */


 .login-modal .modal-dialog .modal-content {
   border-radius: 10px;
 }

 .allcop_marg {
   margin-top: 70px;
 }

 .login-modal .modal-dialog .modal-content .modal-body {
   padding: 0px;
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP.form-area::after {
   position: absolute;
   content: "";
   width: 135px;
   height: 135px;
   border-radius: 50%;
   background: #550001;
   top: -20px;
   left: 050%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
 }

 /* input.input-fieldupdate:hover {
    border: 2px solid #a3b9c9;

} */

 .contact .contact-form-wrapper .contact-box .input-fieldupdate:-ms-input-placeholder {
   color: #dedddd;
 }

 .header-area .title {
   text-align: center;
   font-size: 21px;
   padding-bottom: 20px;
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area label {
   font-size: 15px;
   line-height: 28px;
   color: #fff;
   font-weight: 600;
   margin-bottom: 4px;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area input.input-fieldupdate {
   width: 100%;
   border: 0px;
   height: 42px;
   font-size: 14px;
   color: #e2e2e2;
   background-color: var(--clr_4) !important;
   border: 2px solid rgba(255, 255, 255, 0.2);
   padding-left: 4px;
   /* border-radius: 6px; */
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .input-field,
 .input-fieldupdate {
   width: 100%;
   border: 0px;
   height: 42px;
   font-size: 14px;
   border: 2px solid rgba(255, 255, 255, 0.2);
   padding-left: 4px;
   /* border-radius: 6px; */
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .form-group {
   margin-bottom: 10px !important;
 }


 .login-modal .modal-dialog .modal-content .modal-body .header-area {
   padding: 10px 30px 10px;
   position: relative;
   z-index: 9;
   text-align: center;
 }

 .login-modal .modal-dialog .modal-content .modal-body .header-area .title {
   font-size: 20px;
   line-height: 34px;
   /* font-weight: 700; */
   color: #edc964;
   /* text-transform: uppercase; */
   margin-bottom: 2px;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area {
   padding: 0px 30px 10px;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .form-group {
   margin-bottom: 10px;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .form-group .box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .form-group .box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .form-group .box label {
   font-size: 16px;
   font-weight: 400;
   text-transform: capitalize;
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .form-group .box label {
   font-size: 16px;
   font-weight: 400;
   color: #fff;
   text-transform: capitalize;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .form-group .box a {
   font-size: 15px !important;
   font-weight: 500;
   color: #de3ed9 !important;
   text-transform: capitalize;
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .form-group .box a {
   font-size: 16px;
   font-weight: 400;
   color: #de3ed9 !important;
   text-transform: capitalize;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .form-group .box a:hover {
   font-size: 16px;
   font-weight: 400;
   color: var(--clr_1);
   text-transform: capitalize;
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .form-group .box a:hover {
   font-size: 16px;
   font-weight: 400;
   color: var(--clr_1);
   text-transform: capitalize;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .form-group .check-group label {
   font-size: 14px !important;
   font-weight: 400;
   /* text-transform: capitalize; */
   margin-top: -28px;
   margin-left: 14px;
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .form-group .check-group label {
   font-size: 14px;
   font-weight: 400;
   color: #fff;
   /* text-transform: capitalize; */
   margin-top: -28px;
   margin-left: 14px;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .form-group .check-group label a {
   color: var(--clr_1) !important;
   font-size: 14px !important;
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .form-group .check-group label a {
   color: var(--clr_1);
   font-size: 13px;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .form-group .check-group label a:hover {
   color: var(--clr_1);
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .form-group .check-group label a:hover {
   color: var(--clr_1);
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area label {
   font-size: 13px;
   line-height: 28px;
   margin-bottom: 4px;
   font-weight: 600;
   color: #fff;
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area label {
   font-size: 15px;
   line-height: 28px;
   color: #fff;
   font-weight: 600;
   margin-bottom: 4px;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .input-field::placeholder,
 .contact .contact-form-wrapper .contact-box .input-field::placeholder,
 input.paymentInp::placeholder,
 .payKsamaInp input::placeholder,
 .input-fieldupdate::placeholder {
   color: #666666 !important;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .input-field {
   width: 100%;
   border: 0px;
   height: 42px;
   font-size: 14px;
   border: none;
   padding-left: 10px;
   color: #fff;
   /* text-transform: lowercase !important; */
   text-emphasis: none;
 }


 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .input-field {
   width: 100%;
   border: 0px;
   height: 42px;
   font-size: 14px;
   color: #e2e2e2;
   background-color: var(--clr_4) !important;
   border: 1px solid rgba(255, 255, 255, 0.2);
   padding-left: 4px;
   /* border-radius: 6px; */
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .input-field:hover {
   transition: 120ms linear;
   box-shadow: inset 0 0px 0px hsla(0, 0%, 0%, 0.4);
   background-color: hsla(0, 0%, 0%, 0.04);
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .input-field:hover {
   border: 1px solid #a3b9c9;
   /* border-radius: 6px; */
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .input-field::-webkit-input-placeholder {
   color: #dedddd;
   text-transform: none;
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .input-field::-webkit-input-placeholder {
   color: #dedddd;
   text-transform: none;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .input-field:-moz-placeholder {
   color: #dedddd;
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .input-field:-moz-placeholder {
   color: #dedddd;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .input-field::-moz-placeholder {
   color: #dedddd;
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .input-field::-moz-placeholder {
   color: #dedddd;
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .input-field::-moz-placeholder {
   color: #dedddd;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .input-field:-ms-input-placeholder {
   color: #dedddd;
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .input-field:-ms-input-placeholder {
   color: #dedddd;
   text-transform: uppercase;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area select {
   margin-top: 8px;
   max-width: 100%;
   height: 50px;
   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 50px;
   background: #740002;
   padding: 0px 30px;
   color: #fff;
   text-transform: uppercase;
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area select {
   margin-top: 8px;
   max-width: 100%;
   height: 50px;
   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 50px;
   background: #740002;
   padding: 0px 30px;
   color: #fff;
   text-transform: uppercase;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .mybtn1 {
   margin-top: 22px;
   display: block;
   width: 100%;
   outline: none;
   color: #000;
   border-radius: 50px;
 }

 .login-modal .modal-dialog .modal-content .modal-bodyUP .form-area .mybtn1 {
   margin-top: 22px;
   display: block;
   width: 100%;
   outline: none;
   color: #000;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-footer {
   text-align: center;
   padding: 0px 30px 6px;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-footer a {
   -webkit-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
   color: #de3ed9 !important;
   font-size: 15px !important;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-footer a i {
   font-size: 14px;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-footer a:hover {
   color: #fff;
 }

 .login-modal.sign-in .modal-body .form-area {
   padding-bottom: 18px !important;
 }

 .modal-dialog .modal-content {
   position: relative;
 }

 .modal-dialog .modal-content .close img {
   width: 100%;
 }

 .modal-dialog .modal-content .close {
   position: absolute;
   right: 10px;
   z-index: 99;
   width: 35px;
   top: 10px;
 }

 .modal-dialog .modal-content .close span {
   color: #fff;
   font-size: 30px;
 }

 .text-danger {
   color: red !important;
   font-weight: 700 !important;
 }

 .fielderror {
   color: #f00;
   font-size: 13px;
   font-weight: 600;
 }

 .fielderrorUPDA {
   color: #f00 !important;
   font-weight: 700 !important;
   display: block;
   font-size: 15px !important;
 }

 .box_massage p.boxerror_use {
   font-size: 14px;
   text-align: left;
   font-weight: 400;
   color: #f00 !important;
   /* font-family: revert !important; */
 }

 span.info_regi {
   position: absolute;
   width: 22px;
   height: 10px;
   border: 1px solid #000;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: flex-end;
   right: 7px;
   margin-top: 8px;
   color: #000;
   font-size: 16px;
   font-weight: 600;
   padding-top: 21px;
   padding-bottom: -5px;
   cursor: pointer;
   top: 33px;
 }

 .mybtn-3:disabled,
 .backp_color:disabled,
 .mybtn1:disabled,
 .Depositbtn:disabled,
 .formPaykassma:disabled,
 .depositForm:disabled,
 .submitbtn:disabled .trans_btns:disabled .btn_1:disabled .backp_color:disabled {
   cursor: no-drop !important;
   background: linear-gradient(45deg, #b4b4b4, #f3f3f3) !important;
   color: #444444 !important;
   border: 1px solid #9f7f7f
 }

 .trans_btns:disabled {
   cursor: no-drop;
   background: #68612c;
 }

 .header-area.p_t_15 {
   padding-top: 15px !important;
 }

 .modal-dialog {
   margin-top: 45px !important;
 }

 .bold {
   font-weight: bold;
 }

 /********************************** constant css *****************************/

 .fd {
   width: 100%;
   float: left;
   position: relative;
 }

 /*********** margin start ************/

 .m_auto {
   margin: auto;
 }

 .m_0 {
   margin: 0px;
 }

 .m_1 {
   margin: 1px;
 }

 .m_2 {
   margin: 2px;
 }

 .m_3 {
   margin: 3px;
 }

 .m_4 {
   margin: 4px;
 }

 .m_5 {
   margin: 5px;
 }

 .m_10 {
   margin: 10px;
 }

 .m_15 {
   margin: 15px;
 }

 .m_20 {
   margin: 20px;
 }

 .m_25 {
   margin: 25px;
 }

 .m_30 {
   margin: 30px;
 }

 .m_35 {
   margin: 35px;
 }

 .m_40 {
   margin: 40px;
 }

 .m_45 {
   margin: 45px;
 }

 .m_50 {
   margin: 50px;
 }

 .m_t_0 {
   margin-top: 0px;
 }

 .m_t_5 {
   margin-top: 5px;
 }

 .m_t_10 {
   margin-top: 10px;
 }

 .m_t_15 {
   margin-top: 15px;
 }

 .m_t_20 {
   margin-top: 20px;
 }

 .m_t_25 {
   margin-top: 25px;
 }

 .m_t_30 {
   margin-top: 30px;
 }

 .m_t_35 {
   margin-top: 35px;
 }

 .m_t_40 {
   margin-top: 40px;
 }

 .m_t_45 {
   margin-top: 45px;
 }

 .m_t_50 {
   margin-top: 50px;
 }

 .m_t_55 {
   margin-top: 55px;
 }

 .m_t_60 {
   margin-top: 60px;
 }

 .m_b_0 {
   margin-bottom: 0px;
 }

 .m_b_5 {
   margin-bottom: 5px;
 }

 .m_b_10 {
   margin-bottom: 10px;
 }

 .m_b_15 {
   margin-bottom: 15px;
 }

 .m_b_20 {
   margin-bottom: 20px;
 }

 .m_b_25 {
   margin-bottom: 25px;
 }

 .m_b_30 {
   margin-bottom: 30px;
 }

 .m_b_35 {
   margin-bottom: 35px;
 }

 .m_b_40 {
   margin-bottom: 40px;
 }

 .m_b_45 {
   margin-bottom: 45px;
 }

 .m_b_50 {
   margin-bottom: 50px;
 }

 .m_b_55 {
   margin-bottom: 55px;
 }

 .m_b_60 {
   margin-bottom: 60px;
 }

 .m_t-7 {
   margin-top: -7px;
 }

 .m_t-15 {
   margin-top: -15px;
 }

 .m_tb_0 {
   margin-top: 0px;
   margin-bottom: 0px;
 }

 .m_tb_5 {
   margin-top: 5px;
   margin-bottom: 5px;
 }

 .m_tb_10 {
   margin-top: 10px;
   margin-bottom: 10px;
 }

 .m_tb_15 {
   margin-top: 15px;
   margin-bottom: 15px;
 }

 .m_tb_20 {
   margin-top: 20px;
   margin-bottom: 20px;
 }

 .m_tb_25 {
   margin-top: 25px;
   margin-bottom: 25px;
 }

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

 .m_tb_35 {
   margin-top: 35px;
   margin-bottom: 35px;
 }

 .m_tb_40 {
   margin-top: 40px;
   margin-bottom: 40px;
 }

 .m_tb_45 {
   margin-top: 45px;
   margin-bottom: 45px;
 }

 .m_tb_50 {
   margin-top: 50px;
   margin-bottom: 50px;
 }

 .m_tb_55 {
   margin-top: 55px;
   margin-bottom: 55px;
 }

 .m_tb_60 {
   margin-top: 60px;
   margin-bottom: 60px;
 }

 .m_l_0 {
   margin-left: 0px;
 }

 .m_l_5 {
   margin-left: 5px;
 }

 .m_l_10 {
   margin-left: 10px;
 }

 .m_l_15 {
   margin-left: 15px;
 }

 .m_l_20 {
   margin-left: 20px;
 }

 .m_l_25 {
   margin-left: 25px;
 }

 .m_l_30 {
   margin-left: 30px;
 }

 .m_l_35 {
   margin-left: 35px;
 }

 .m_l_40 {
   margin-left: 40px;
 }

 .m_l_45 {
   margin-left: 45px;
 }

 .m_l_50 {
   margin-left: 50px;
 }

 .m_l_55 {
   margin-left: 55px;
 }

 .m_l_60 {
   margin-left: 60px;
 }

 .m_r_0 {
   margin-right: 0px;
 }

 .m_r_5 {
   margin-right: 5px;
 }

 .m_r_10 {
   margin-right: 10px;
 }

 .m_r_15 {
   margin-right: 15px;
 }

 .m_r_20 {
   margin-right: 20px;
 }

 .m_r_25 {
   margin-right: 25px;
 }

 .m_r_30 {
   margin-right: 30px;
 }

 .m_r_35 {
   margin-right: 35px;
 }

 .m_r_40 {
   margin-right: 40px;
 }

 .m_r_45 {
   margin-right: 45px;
 }

 .m_r_50 {
   margin-right: 50px;
 }

 .m_r_55 {
   margin-right: 55px;
 }

 .m_r_60 {
   margin-right: 60px;
 }

 .m_lr_0 {
   margin-left: 0px;
   margin-right: 0px;
 }

 .m_lr_5 {
   margin-left: 5px;
   margin-right: 5px;
 }

 .m_lr_10 {
   margin-left: 10px;
   margin-right: 10px;
 }

 .m_lr_15 {
   margin-left: 15px;
   margin-right: 15px;
 }

 .m_lr_20 {
   margin-left: 20px;
   margin-right: 20px;
 }

 .m_lr_25 {
   margin-left: 25px;
   margin-right: 25px;
 }

 .m_lr_30 {
   margin-left: 30px;
   margin-right: 30px;
 }

 .m_lr_35 {
   margin-left: 35px;
   margin-right: 35px;
 }

 .m_lr_40 {
   margin-left: 40px;
   margin-right: 40px;
 }

 .m_lr_45 {
   margin-left: 45px;
   margin-right: 45px;
 }

 .m_lr_50 {
   margin-left: 50px;
   margin-right: 50px;
 }

 .m_lr_55 {
   margin-left: 55px;
   margin-right: 55px;
 }

 .m_lr_60 {
   margin-left: 60px;
   margin-right: 60px;
 }

 .row.m_lr_0 {
   margin-left: 0px;
   margin-right: 0px;
 }

 /*********** margin end ************/

 /************* padding start ***************/

 .p_0 {
   padding: 0px;
 }

 .p_5 {
   padding: 5px;
 }

 .p_8 {
   padding: 8px;
 }

 .p_9 {
   padding: 9px;
 }

 .p_10 {
   padding: 10px;
 }

 .p_15 {
   padding: 15px;
 }

 .p_20 {
   padding: 20px;
 }

 .p_25 {
   padding: 25px;
 }

 .p_30 {
   padding: 30px;
 }

 .p_35 {
   padding: 35px;
 }

 .p_40 {
   padding: 30px;
 }

 .p_45 {
   padding: 35px;
 }

 .p_50 {
   padding: 50px;
 }

 .p_55 {
   padding: 55px;
 }

 .p_60 {
   padding: 60px;
 }

 .p_80 {
   padding: 80px;
 }

 .p_100 {
   padding: 100px;
 }

 .p_120 {
   padding: 120px;
 }

 .p_150 {
   padding: 150px;
 }

 .p_t_0 {
   padding-top: 0px;
 }

 .p_t_5 {
   padding-top: 5px;
 }

 .p_t_8 {
   padding-top: 8px;
 }

 .p_t_9 {
   padding-top: 9px;
 }

 .p_t_10 {
   padding-top: 10px;
 }

 .p_t_15 {
   padding-top: 15px;
 }

 .p_t_20 {
   padding-top: 20px;
 }

 .p_t_25 {
   padding-top: 25px;
 }

 .p_t_30 {
   padding-top: 30px;
 }

 .p_t_35 {
   padding-top: 35px;
 }

 .p_t_40 {
   padding-top: 30px;
 }

 .p_t_45 {
   padding-top: 35px;
 }

 .p_t_50 {
   padding-top: 50px;
 }

 .p_t_55 {
   padding-top: 55px;
 }

 .p_t_60 {
   padding-top: 60px;
 }

 .p_t_80 {
   padding-top: 80px;
 }

 .p_t_100 {
   padding-top: 100px;
 }

 .p_t_120 {
   padding-top: 120px;
 }

 .p_t_150 {
   padding-top: 150px;
 }

 .p_b_0 {
   padding-bottom: 0px;
 }

 .p_b_5 {
   padding-bottom: 5px;
 }

 .p_b_8 {
   padding-bottom: 8px;
 }

 .p_b_9 {
   padding-bottom: 9px;
 }

 .p_b_10 {
   padding-bottom: 10px;
 }

 .p_b_15 {
   padding-bottom: 15px;
 }

 .p_b_20 {
   padding-bottom: 20px;
 }

 .p_b_25 {
   padding-bottom: 25px;
 }

 .p_b_30 {
   padding-bottom: 30px;
 }

 .p_b_35 {
   padding-bottom: 35px;
 }

 .p_b_40 {
   padding-bottom: 30px;
 }

 .p_b_45 {
   padding-bottom: 35px;
 }

 .p_b_50 {
   padding-bottom: 50px;
 }

 .p_b_55 {
   padding-bottom: 55px;
 }

 .p_b_60 {
   padding-bottom: 60px;
 }

 .p_b_80 {
   padding-bottom: 80px;
 }

 .p_b_100 {
   padding-bottom: 100px;
 }

 .p_b_120 {
   padding-bottom: 120px;
 }

 .p_b_150 {
   padding-bottom: 150px;
 }

 .p_tb_0 {
   padding-top: 0px;
   padding-bottom: 0px;
 }

 .p_tb_5 {
   padding-top: 5px;
   padding-bottom: 5px;
 }

 .p_tb_10 {
   padding-top: 10px;
   padding-bottom: 10px;
 }

 .p_tb_15 {
   padding-top: 20px;
   padding-bottom: 5px;
 }

 .p_tb_20 {
   padding-top: 20px;
   padding-bottom: 20px;
 }

 .p_tb_25 {
   padding-top: 25px;
   padding-bottom: 25px;
 }

 .p_tb_30 {
   padding-top: 30px;
   padding-bottom: 30px;
 }

 .p_tb_35 {
   padding-top: 35px;
   padding-bottom: 35px;
 }

 .p_tb_40 {
   padding-top: 30px;
   padding-bottom: 40px;
 }

 .p_tb_45 {
   padding-top: 35px;
   padding-bottom: 45px;
 }

 .p_tb_50 {
   padding-top: 50px;
   padding-bottom: 50px;
 }

 .p_tb_55 {
   padding-top: 55px;
   padding-bottom: 55px;
 }

 .p_tb_60 {
   padding-top: 60px;
   padding-bottom: 60px;
 }

 .p_tb_80 {
   padding-top: 80px;
   padding-bottom: 80px;
 }

 .p_tb_100 {
   padding-top: 100px;
   padding-bottom: 100px;
 }

 .p_tb_120 {
   padding-top: 120px;
   padding-bottom: 120px;
 }

 .p_tb_150 {
   padding-top: 150px;
   padding-bottom: 150px;
 }

 .p_l_0 {
   padding-left: 0px;
 }

 .p_l_5 {
   padding-left: 5px;
 }

 .p_l_8 {
   padding-left: 8px;
 }

 .p_l_9 {
   padding-left: 9px;
 }

 .p_l_10 {
   padding-left: 10px;
 }

 .p_l_15 {
   padding-left: 15px;
 }

 .p_l_20 {
   padding-left: 20px;
 }

 .p_l_25 {
   padding-left: 25px;
 }

 .p_l_30 {
   padding-left: 30px;
 }

 .p_l_35 {
   padding-left: 35px;
 }

 .p_l_40 {
   padding-left: 30px;
 }

 .p_l_45 {
   padding-left: 35px;
 }

 .p_l_50 {
   padding-left: 50px;
 }

 .p_l_55 {
   padding-left: 55px;
 }

 .p_l_60 {
   padding-left: 60px;
 }

 .p_l_80 {
   padding-left: 80px;
 }

 .p_l_100 {
   padding-left: 100px;
 }

 .p_l_120 {
   padding-left: 120px;
 }

 .p_l_150 {
   padding-left: 150px;
 }

 .p_r_0 {
   padding-right: 0px;
 }

 .p_r_5 {
   padding-right: 5px;
 }

 .p_r_8 {
   padding-right: 8px;
 }

 .p_r_9 {
   padding-right: 9px;
 }

 .p_r_10 {
   padding-right: 10px;
 }

 .p_r_15 {
   padding-right: 15px;
 }

 .p_r_20 {
   padding-right: 20px;
 }

 .p_r_25 {
   padding-right: 25px;
 }

 .p_r_30 {
   padding-right: 30px;
 }

 .p_r_35 {
   padding-right: 35px;
 }

 .p_r_40 {
   padding-right: 30px;
 }

 .p_r_45 {
   padding-right: 35px;
 }

 .p_r_50 {
   padding-right: 50px;
 }

 .p_r_55 {
   padding-right: 55px;
 }

 .p_r_60 {
   padding-right: 60px;
 }

 .p_r_80 {
   padding-right: 80px;
 }

 .p_r_100 {
   padding-right: 100px;
 }

 .p_r_120 {
   padding-right: 120px;
 }

 .p_r_150 {
   padding-right: 150px;
 }

 .p_r_200 {
   padding-right: 200px;
 }

 .p_lr_0 {
   padding-left: 0px;
   padding-right: 0px;
 }

 .p_lr_5 {
   padding-left: 5px;
   padding-right: 5px;
 }

 .p_lr_10 {
   padding-left: 10px;
   padding-right: 10px;
 }

 .p_lr_15 {
   padding-left: 15px;
   padding-right: 15px;
 }

 .p_lr_20 {
   padding-left: 20px;
   padding-right: 20px;
 }

 .p_lr_25 {
   padding-left: 25px;
   padding-right: 25px;
 }

 .p_lr_30 {
   padding-left: 30px;
   padding-right: 30px;
 }

 .p_lr_35 {
   padding-left: 35px;
   padding-right: 35px;
 }

 .p_lr_40 {
   padding-left: 30px;
   padding-right: 40px;
 }

 .p_lr_45 {
   padding-left: 35px;
   padding-right: 45px;
 }

 .p_lr_50 {
   padding-left: 50px;
   padding-right: 50px;
 }

 .p_lr_55 {
   padding-left: 55px;
   padding-right: 55px;
 }

 .p_lr_60 {
   padding-left: 60px;
   padding-right: 60px;
 }

 .p_lr_80 {
   padding-left: 80px;
   padding-right: 80px;
 }

 .p_lr_85 {
   padding-left: 85px;
   padding-right: 85px;
 }

 .p_lr_100 {
   padding-left: 100px;
   padding-right: 100px;
 }

 .p_lr_120 {
   padding-left: 120px;
   padding-right: 120px;
 }

 .p_lr_150 {
   padding-left: 150px;
   padding-right: 150px;
 }

 /************* padding end ***************/

 /************* font start ****************/

 .font-5 {
   font-size: 5px;
 }

 .font-6 {
   font-size: 6px;
 }

 .font-7 {
   font-size: 7px;
 }

 .font-8 {
   font-size: 8px;
 }

 .font-9 {
   font-size: 9px;
 }

 .font-10 {
   font-size: 10px;
 }

 .font-11 {
   font-size: 11px;
 }

 .font-12 {
   font-size: 12px;
 }

 .font-13 {
   font-size: 13px;
 }

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

 .font-15 {
   font-size: 15px;
 }

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

 .font-17 {
   font-size: 17px;
 }

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

 .font-19 {
   font-size: 19px;
 }

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

 .font-21 {
   font-size: 21px;
 }

 .font-22 {
   font-size: 22px;
 }

 .font-25 {
   font-size: 20px;
 }

 .font-30 {
   font-size: 30px;
 }

 .font-40 {
   font-size: 40px;
 }

 .font-50 {
   font-size: 20px;
 }

 .font-w-100 {
   font-weight: 100;
 }

 .font-w-200 {
   font-weight: 200;
 }

 .font-w-300 {
   font-weight: 300;
 }

 .font-w-400 {
   font-weight: 400;
 }

 .font-w-500 {
   font-weight: 500;
 }

 .font-w-600 {
   font-weight: 600;
 }

 .font-w-700 {
   font-weight: 700;
 }

 .font-w-800 {
   font-weight: 800;
 }

 .bold {
   font-weight: bold;
 }

 /************* font end ****************/

 /************ line height start ***************/
 .l_h_13 {
   line-height: 13px;
 }

 .l_h_17 {
   line-height: 17px;
 }

 .l_h_30 {
   line-height: 30px;
 }

 .l_h_35 {
   line-height: 35px;
 }

 /************ line height end ***************/

 .rds_1 {
   border-radius: 1px;
 }

 .rds_2 {
   border-radius: 2px;
 }

 .rds_3 {
   border-radius: 3px;
 }

 .rds_4 {
   border-radius: 4px;
 }

 .rds_5 {
   border-radius: 5px;
 }

 .rds_10 {
   border-radius: 10px;
 }

 .rds_15 {
   border-radius: 15px;
 }

 .rds_50 {
   border-radius: 50px;
 }

 /************************** constant css end ******************************/
 .table.m_t_0 {
   margin-top: 0px !important;
 }


 .form_Inp input.form-control {
   border: solid 2px #000;
   margin-left: 0px;
   border-radius: 0px;
   background-color: var(--clr_00);
   border-radius: 5px;
 }

 .form_Inp .btn-outline-secondarycalendar {
   background: #d40e0e;
   border: none;
   padding: 0px 14px;
   color: #fff;
 }

 ::selection {
   color: #000;
   background: #efbb54;
 }

 .form_Inp {
   display: flex;
 }

 .content {
   font-size: 14px;
   line-height: 2;
 }


 .strong {
   font-weight: 250px;
   font-size: 15px;
 }

 span.game_Name {
  position: absolute;
  bottom: 10px;
  font-size: 15px; 
  color: #fff;
  font-weight: 600;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
  text-transform: uppercase;
  font-family: 'Orbitron', sans-serif;
}

 .game_iframe {
   border: 2px solid aliceblue;
   height: 80vh;
   margin-top: 15px;
 }

 .game {
   width: 11%;
   float: left;
   transition: all 0.5s;
   position: relative;
   overflow: hidden;
   display: flex;
   border-radius: 10px;
   margin: 7px;
 }

 .game .gmBoxIn {
   padding: 5px;
   min-height: 100px;
 }

 p.text_name {
   text-align: center;
   /* font-size: 14px; */
   cursor: pointer;
   color: white;
   /* white-space: nowrap; */
   overflow: hidden;
   text-overflow: ellipsis;
 }

 p.text_name:hover {
   text-align: center;
   font-size: 14px;
   color: white;
   cursor: pointer;
 }

 .play_bt1 {
   font-size: 16px;
   font-weight: bold;
   color: #fff;
   background: transparent;
   border: none;
   width: 100%;
   margin: auto;
   left: 0;
   right: -800px;
   position: absolute;
   top: 0px;
   bottom: 0;
   height: 100%;
   transition: all 0.5s;
   overflow: hidden;
   z-index: 99;
   padding-top: -53px;
   border-radius: 5px;
 }

 button.play_bt1:focus {
   outline: none;
 }


 .play_covers {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 600px;
   background: #0006;
   transition: all 0.5s;
   z-index: 80;
   border-radius: 5px;
 }

 .slotImgBox:hover .play_covers,
 .game:hover .play_covers {
   right: 0;
 }

 .game:hover .play_bt1 {
   right: 0px;
 }

 .fd.boxGm {
   overflow: hidden;
   border-radius: 7px;
   /* background: #0f212e; */
   justify-content: center;
   align-items: center;
 }

 .image_pro {
   margin: 10px;
 }

 .minHt_100px {
   min-height: 100px;
 }

 .game_row {
   display: flex;
   flex-wrap: wrap;
   transition: all 0.5s;

 }

 .game_row1 {
   display: flex;
   flex-wrap: wrap;
   transition: all 0.5s;

 }

 .game_row2 {
   display: flex;
   flex-wrap: wrap;
   transition: all 0.5s;

 }

 span.casino_pupop {
   float: right;
   margin-right: 10px;
   margin-top: 5px;
   cursor: pointer;
 }

 .casino_pupop i.fas.fa-times {
   color: #f00;
   font-size: 20px;
 }

 .casino_pupop i.fas.fa-times:hover {
   color: red;
 }

 span.info_regiPass {
   position: absolute;
   width: 22px;
   height: 10px;
   border-radius: 50%;
   border: 1px solid #a7a7a7;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: flex-end;
   right: 7px;
   margin-top: 8px;
   color: #a7a7a7;
   font-size: 16px;
   font-weight: 600;
   padding-top: 21px;
   padding-bottom: -5px;
   /* font-family: 'Font Awesome 5 Free'; */
   cursor: pointer;
   top: 30px;
 }

 .box_massage p.boxerror_use {
   font-size: 14px;
   text-align: left;
   font-weight: 400;
   color: #f00 !important;
   /* font-family: revert !important; */
 }

 .black_cover {
   position: fixed;
   right: 0;
   left: 0;
   bottom: 0;
   top: 0;
   z-index: 20000;
   background: rgba(0, 0, 0, 0.7);
 }

 .btn_comSoon {
   border: none;
   border-radius: 50px 0px 50px 0px;
   color: #ffffff;
   padding: 5px 25px;
   text-transform: uppercase;
   font-weight: bold;
   background: var(--grade_1);
   transition: all 0.5s;
   font-size: 16px;
 }

 .black_cover.comSon {
   background: rgba(250, 250, 250, 0.8);
 }

 .popup_1 {
   max-width: 800px;
   margin: auto;
   top: 50px;
   position: fixed;
   z-index: 9999999;
   left: 15px;
   right: 15px;
   border-radius: 5px;
   overflow: auto;
   max-height: 80vh;
 }

 .popup_1.pop_sm {
   max-width: 500px;
   overflow: auto;
   max-height: 80vh;
 } 

 .soon {
   text-align: center;
   padding: 40px 10px;
   font-size: 18px;
   border: 3px solid #de3ed9;
   font-weight: 500;
   color: #fff;
 }

 .iconeyeCHeang {
   color: gray;
   margin-bottom: -51px;
   position: absolute;
   /* margin-left: -64px; */
   top: 41px;
   font-size: 17px;
   cursor: pointer;
   display: flex;
   right: 50px;
 }

 .iconeyeLOGin {
   color: gray;
   margin-bottom: -51px;
   position: absolute;
   margin-top: 7px;
   font-size: 17px;
   cursor: pointer;
   /* display: flex; */
   right: 46px;
 }

 .box_massage {
   border: 1px solid #081117;
   background: #1c242a;
   margin-top: 10px;
   padding: 12px;
   z-index: 9;
   width: 100%;
   border-radius: 5px;
 }

 span.icon-eye-info {
   margin-left: 15px;
   margin-right: 7px;
   border: 1px sloid #fff;
   border: 1px solid;
   /* padding: 5px; */
   border-radius: 50px;
   width: 25px;
   text-align: center;
   font-size: 15px;
   font-weight: 500;
   /* font-family: 'Font Awesome 5 Free'; */
   color: #fff;
   cursor: pointer;
 }

 .info_regi {
   position: absolute;
   display: inline-block;
   right: 9px;
   top: 40px;
   border: 1px solid #a7a7a7;
   width: 23px;
   border-radius: 50px;
   text-align: center;
   color: #a7a7a7;
   /* font-family: 'Font Awesome 5 Free'; */
   cursor: pointer;
   font-size: 13px;
 }

 .info_regi .tooltiptext {
   /* visibility: hidden; */
   width: 356px;
   background-color: #e8f0fe;
   border-radius: 6px;
   position: absolute;
   z-index: 1;
   top: 150%;
   left: 0%;
   margin-left: -323px;
   border: 1px solid #ddd;
   padding: 9px 12px;
   text-align: left;
   box-shadow: var(--shadow_1);
   /* font-family: sans-serif; */
   font-size: 13px !important;
   color: #000;
   font-weight: 600;
 }

 .info_regi .tooltiptext::after {
   content: "";
   position: absolute;
   bottom: 100%;
   left: 93%;
   margin-left: -3px;
   border-width: 8px;
   border-style: solid;
   border-color: transparent transparent #fff transparent;
 }

 /* .info_regi:hover .tooltiptext {
    visibility: visible;
} */
 .box_massageRig {
   position: absolute;
   display: inline-block;
   /* border-bottom: 1px dotted #fff; */
   right: 9px;
   top: 41px;
   border: 1px solid #a7a7a7;
   width: 24px;
   border-radius: 50px;
   text-align: center;
   color: #a7a7a7;
   /* font-family: 'Font Awesome 5 Free'; */
   cursor: pointer;
 }

 .box_massageRiglog {
   position: absolute;
   display: inline-block;
   /* border-bottom: 1px dotted #fff; */
   right: 9px;
   top: 41px;
   width: 24px;
   border-radius: 50px;
   text-align: center;
   color: #fff;
   /* font-family: 'Font Awesome 5 Free'; */
   cursor: pointer;
 }

 .box_massageCang {
   position: absolute;
   display: inline-block;
   border-bottom: 1px dotted black;
   right: 9px;
   top: 71px;
   border: 1px solid #000;
   width: 22px;
   border-radius: 50px;
   text-align: center;
   color: #000;
   /* font-family: 'Font Awesome 5 Free'; */
   cursor: pointer;
   z-index: 9;
 }

 .box_massageRig .boxerror_use {
   /* visibility: hidden; */
   width: 360px;
   background-color: #e8f0fe;
   border-radius: 6px;
   position: absolute;
   z-index: 1;
   top: 127%;
   left: 0%;
   margin-left: -328px;
   border: 1px solid #ddd;
   box-shadow: var(--shadow_1);
   padding: 9px 12px;
   text-align: left;
   color: #000;
   /* font-family: sans-serif; */
 }

 .box_massageRiglog .boxerror_useer {
   width: 361px;
   background-color: #e8f0fe;
   border-radius: 6px;
   position: absolute;
   z-index: 1;
   top: 149%;
   left: 0;
   margin-left: -328px;
   border: 1px solid #ddd;
   box-shadow: var(--shadow_1);
   padding: 9px 12px;
   text-align: left;
   /* font-family: sans-serif; */
   color: #000;
 }

 .box_massageCang .boxerror_useupd {
   /* visibility: hidden; */
   width: 355px;
   background-color: #e8f0fe;
   border-radius: 6px;
   position: absolute;
   z-index: 1;
   left: 0%;
   margin-left: -325px;
   border: 1px solid;
   padding: 9px 12px;
   text-align: left;
   /* font-family: sans-serif; */
   font-size: 13px;
   color: #000;
   font-weight: 700;
   margin-top: -4px;
 }

 .box_massageRig .boxerror_use::after {
   content: "";
   position: absolute;
   bottom: 100%;
   left: 93%;
   margin-left: -5px;
   border-width: 8px;
   border-style: solid;
   border-color: transparent transparent #fff transparent;
 }

 .box_massageRiglog .boxerror_useer::after {
   content: "";
   position: absolute;
   bottom: 100%;
   left: 93%;
   margin-left: -5px;
   border-width: 8px;
   border-style: solid;
   border-color: transparent transparent #fff transparent;
 }

 .boxerror_useer {
   margin-top: 25px;
 }

 .box_massageCang .boxerror_useupd::after {
   content: "";
   position: absolute;
   bottom: 100%;
   left: 93%;
   margin-left: 0px;
   border-width: 8px;
   border-style: solid;
   border-color: transparent transparent #fff transparent;
 }

 .tex-style {
   /* font-family: 'Font Awesome 5 Free'; */
   font-weight: 800;
 }

 .coins_img {
   border-radius: 6px;
 }

 .banners {
   display: flex;
 }

 .title2 {
   background: #0d2436;
   padding: 25px;
   border-radius: 15px;
   width: 500px;
   border: 2px solid #2f4553;
   text-align: center;
 }

 .slot_1 {
   width: 154px;
   height: 111px;

   margin-left: 179px;
   margin-bottom: -16px;
 }

 .slotImgBox .slotTxt {
   margin: auto;
   padding: 10px;
   font-size: 16px !important;
   width: 125px;
 }

 .slotImgBox.slt_bg_1 {
   background: linear-gradient(#fff, #000 50%);
 }

 .slotImgBox.slt_bg_2 {
   background: linear-gradient(#8344d7, #000 50%);
 }

 .slotImgBox.slt_bg_3 {
   background: linear-gradient(#c3b622, #000 50%);
 }

 .slotImgBox {
   background: var(--clr_2);
   border-radius: 5px;
   text-align: center;
   margin: 5px;
   /* padding: 0px !important; */
   transition: transform 0.5s ease;
 }

 .slotImgBox:hover {
   transform: scale(1.03);
 }

 .slotImgBox a {
   text-decoration: none;
 }

 .main_GSL img {
   width: 100%;
 }

 a {
   cursor: pointer;
 }


 a:not([href]):not([tabindex]) {
   color: inherit;
   text-decoration: none;

   font-size: 13px;
   /* margin-top: 52px; */
 }

 .right {
   text-align: center;
 }

 input#rememberMe {
   margin-right: 7px;
 }

 .login_btn {
   width: 200px;
   height: 50px;
   border-radius: 50px;
   margin: auto;
   padding: 5px;
   border: none;
   display: flex;
   justify-content: space-between;
 }

 .btn_login1 {
   width: 50%;
   height: 40px;
   margin-left: 6px;
   margin-right: 2px;
   border: none;
   /* border-radius: 50px; */

   font-weight: 600;

   color: #000;

   font-size: 15px;
   background: var(--grade_1);
 }

 .btn_login1:focus {
   outline: none;
 }

 /* 
.btn_login1:hover {
    background-color: #0f212e;
    color: #fff;
    border: none;
} */

 .btn_login.bg_2.actBtn {
   background: var(--grade_1);
   color: #fff;
 }

 .btn_login {
   width: 50%;
   height: 40px;
   /* margin-left: 6px;
    margin-right: 2px; */
   border: none;

   font-weight: 600;
   border: 1px solid #de3ed9;
   color: #000;
   background: #fff;
 }

 .dropIC {
   margin-left: 35px;
 }

 .errorTRA {
   color: red;
   font-size: 15px;
 }

 button:focus {
   outline: none;
 }

 .imgscls {
   border: none;
   background: transparent !important;
 }

 .imgscls img {
   border-bottom: solid 5px #29a9ed;
   box-sizing: border-box;
   padding-bottom: 5px;
 }

 .imgscls img.my-class1 {
   border-bottom: solid 5px #ff6808 !important;
   box-sizing: border-box;
   padding-bottom: 5px;
 }

 .d_flex {
   display: flex;
 }

 input.errorInp {
   border: solid 1px #ff00006e !important;
 }

 textarea.errorInp {
   border: solid 1px #ff00006e !important;
 }

 ul.ngx-pagination li {
   background: #ddd;
   text-decoration: none !important;
 }

 /* 
ul.ngx-pagination li:active {
    background: yellow !important;
    color: #000 !important;
} */

 ul.ngx-pagination li:visited {
   background: palegreen !important;
   color: #000 !important;
 }

 .ngx-pagination .current {
   padding: 0.1875rem 0.625rem;
   background: #142661 !important;
   color: #ffffff !important;
   cursor: default;
 }

 .pagination {
   float: right;
 }

 .ngx-pagination .disabled {
   padding: 0.1875rem 0.625rem;
   color: #ffffff;
   cursor: default;
   background: #544b4b;
 }

 .selt_bkp {
   background: #8400c2;
   border: none;
   padding: 2px;
   margin-top: 10px;
   color: #fff;
 }

 .slct_wid {
    width: 60px !important;
    padding: 5px 10px;
    border-radius: 5px;
    margin-left: 5px;
}

 .slct_wid.float-right {
   float: right;
 }

 .inner-wrapper .k-calendar,
 .inner-wrapper .k-calendar table {
   background-color: #8bc34a;
 }

 .inner-wrapper .k-calendar,
 .inner-wrapper .k-calendar table thead,
 .inner-wrapper .k-calendar,
 .inner-wrapper .k-calendar table td {
   color: #ffff00;
   background: red;
 }

 .inner-wrapper .k-calendar table td.k-today span.k-link,
 .inner-wrapper .k-calendar div.k-calendar-header span {
   color: #0000ff;
   background: yellow;
 }

 .nav-item a.active,
 li a.dropdown-itemm.active_link_1 {
   color: #f00 !important;
 }

 .from_footer_log {
   font-size: 15px;
   color: #fff;
 }

 .form_footer_regi {
   font-size: 15px;
   color: #fff;
 }

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

 ::-webkit-scrollbar-track {
   background: #101010;
 }

 ::-webkit-scrollbar-thumb {
   background: #262626;
 }

 .postLogin {
   margin-top: 70px;
 }

 .overAuto {
   overflow: auto;
 }

 .d_grid {
   display: grid;
 }

 .dropDownIcon {
   position: absolute;
   left: 0;
   right: 0;
   top: 10px;
   display: flex;
   justify-content: flex-end;
   height: 20px;
 }

 .dropDownIcon .dropIon {
   position: absolute;
   right: 0px;
   float: right;
 }

 .sm_p_lr_60 {
   /* padding-left: 60px; */
   /* padding-right: 60px; */
   padding: 100px 60px 10px 60px;
 }

 .font_20 {
   font-size: 20px;
 }

 .inpElm select {
   background-size: 15px !important;
   border-radius: 0px;
 }

 .inpElm.inp_40 input,
 .inpElm.inp_40 select,
 .inpElm.inp_40 button {
   height: 40px;
 }

 .inpElm input,
 .inpElm select {
   width: 100%;
   float: left;
   padding: 8px;
   background: transparent;
   border: none;
   color: var(--clr_cc);
   border-bottom: none;
   min-width: 20px;
 }

 .inpElm input {
   font-size: 14px;
 }

 .inpElm input:focus,
 .inpElm select:focus {
   outline: none;
 }

 .inpElm label {
   float: left;
   padding-bottom: 6px;
   font-size: 18px;
   padding-top: 5px;
   color: #000;
   font-weight: 600;
 }

 .inpElm input::placeholder,
 .inpElm select::placeholder {
   color: var(--clr_1);
 }

 .inpElm input::placeholder {
   color: #777;
 }

 .inpElm [type="radio"] {
   width: 15px;
   margin-top: 5px;
   margin-right: 6px;
   width: 19px;
   height: 20px;
 }

 .inpElm textarea {
   color: var(--clr_cc);
   border: solid 1px #2b4466;
   background: #17202b;
 }

 .inpElm .inp_1 {
   background: #fff;
   padding: 8px;
   color: var(--clr_1);
 }

 .inpElm .p_8 {
   padding: 8px;
 }

 .fa_text_right .inpElm label {
   font-size: 18px;
 }

 .inpElm select option {
   background: #232323;
 }

 .inpElm input,
 .inpElm select {
   float: none;
 }

 .backp_color {
   color: black;
   background: var(--clr_1);
   cursor: auto;
 }

 /* 
.backp_color:disabled {
    cursor: no-drop !important;
    background: #68612c !important;
    color: #000 !important;
} */

 /* .backp_color:hover{
    background: none;
    color: #feb601;
} */
 .loader_2 {
   border: 2px solid #fe9b01;
   border-radius: 50%;
   border-top: 2px solid #ffffff21;
   width: 15px;
   height: 15px;
   -webkit-animation: spin 2s linear infinite;
   animation: spin 2s linear infinite;
   float: right;
 }

 .table_1 {
   border-right: solid 1px #171717 !important;
   border-top: solid 1px #171717 !important;
   transition: all 0.5s;
   width: 100%;
   float: left;
   border-collapse: collapse;
   text-align: left;
   margin-bottom: 10px;
 }

 .table_1 tr td,
 .table_1 tr th {
   border-left: solid 1px #171717 !important;
   transition: all 0.5s;
   border-bottom: solid 1px #171717 !important;
   padding: 12px 10px;
 }

 .table_1 tr:hover {
   background: #de3ed9;
   color: #fff;
 }

 .gameHead {
   color: var(--clr_1);
   width: 300px;
   padding: 7px;
   border-left: solid 3px var(--clr_1);
   text-transform: uppercase;
   font-weight: bold;
   font-size: 15px;
 }

 .en_table tr td:nth-child(2) {
   border-left: none;
   width: 50%;
 }

 .faTable .en_table tr {
   display: flex;
   flex-direction: row-reverse;
 }

 .faTable .en_table tr td {
   flex-grow: 1;
   max-width: 50%;
   text-align: right;
 }

 .erromsg {
   color: #f00;
   padding: 15px;
 }

 .btn_1 {
   background: var(--grade_1);
   color: #fbfbfb;
   border: none;
   padding: 9px 20px;
   text-transform: uppercase;
   border-radius: 50px 0px 50px 0px;
   font-weight: bold;
   transition: all 0.5s;
 }

 .min_wid_150 {
   min-width: 150px;
 }

 .p_12-5 {
   padding: 12.5px;
 }

 .cash_convert {
   width: 215px;
 }

 .cash_convert li:nth-child(1) {
   border-right: solid 1px #ceab65;
   border-radius: 5px 0px 0px 5px;
 }

 .cash_convert li {
   width: 107px;
   float: left;
   text-align: center;
   padding: 5px;
   cursor: pointer;
   display: flex;
   height: 43px;
   justify-content: center;
   align-items: center;
 }

 .cash_convert li:nth-child(2) {
   border-radius: 0px 5px 5px 0px;
 }

 .cash_convert li input[type="checkbox"] {
   cursor: pointer;
   background: #f00 !important;
   width: 15px !important;
   line-height: 16px;
   margin-right: 5px;
 }

 .fa_text_right .cash_convert {
   float: right;
 }

 .w_50 {
   width: 80%;
   height: 36px;
 }

 .txt_sha {
   text-shadow: 0px 2px 2px black;
 }

 .empty {
   /* margin-top: -1px; */
   padding-top: 100px;
 }

 .loader_Cover {
   z-index: 99;
 }

 .loader_Cover .loader.gameInLoader {
   position: absolute;
   z-index: 9;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   z-index: 2;
 }

 .loader {
   width: 40px;
   height: 40px;
   border-radius: 20px;
   border: 16px solid #f3f3f3;
   border: 5px solid #212529;
   border-top: 5px solid #feb601;
   -webkit-animation: spin 1s linear infinite;
   animation: spin 1s linear infinite;
   background-color: #212529;
   margin: auto;
   background: no-repeat;
 }

 .smallLoader {
   width: 20px;
   height: 20px;
   border-radius: 20px;
   border: 16px solid #f3f3f3;
   border: 5px solid #212529;
   border-top: 5px solid #feb601;
   -webkit-animation: spin 1s linear infinite;
   animation: spin 1s linear infinite;
   background-color: #212529;
   margin: auto;
   background: no-repeat;
 }

 .bigLoader {
   width: 50px;
   height: 50px;
   border-radius: 50px;
   border: 16px solid #f3f3f3;
   border: 5px solid #212529;
   border-top: 5px solid #feb601;
   -webkit-animation: spin 1s linear infinite;
   animation: spin 1s linear infinite;
   background-color: #212529;
   margin: auto;
   background: no-repeat;
 }

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

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

 .pageLocation li a:hover {
   text-decoration: none;
 }

 .pageLocation li a {
   text-decoration: none;
 }

 .pageLocation li {
   padding-right: 10px;
 }

 .pageLocation {
   display: flex;
 }

 .bdr_btm {
   border-bottom: 1px solid rgba(255, 255, 255, 0.04);
 }

 .d-grid {
   display: grid;
 }

 .df {
   display: flex;
 }

 .total_Footer {
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-top: 10px;
 }

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





 .over_auto {
   overflow: auto;
 }

 .proBlnc {
   padding: 3px;
   font-size: 12px;
   color: #21af09;
 }

 .myBal_wid {
   width: 100%;
   margin: auto;
   box-shadow: 0px 0px 7px 0px #524f4ff0;
 }

 .heightohoto {
   cursor: pointer;
 }

 /*************************** @media start ************************************/


 @media only screen and (max-width: 920px) {


   button.mybtn1.float-right {
     margin-top: 52px;
   }

   button.mybtn1 {
     /* margin-left: -70px; */
     margin-top: 52px;
   }
 }

 @media only screen and (max-width: 1262px) {

   .mobile_block1262 {
     display: flex !important;
   }
 }

 @media only screen and (min-width: 1261px) {

   .mobile_block1262 {
     display: none !important;
     /* Visible on smaller screens */
   }
 }

 @media only screen and (min-width: 820px) and (max-width: 1200px) {
   .game {
     width: 18%;
   }
 }

 @media only screen and (min-width: 720px) and (max-width: 819px) {
   .game {
     width: 17.5%;
   }
 }

 @media only screen and (min-width: 201px) and (max-width: 819px) {

   .maxWid_50 {
     width: 100%;
   }

   .dash_sideMenu li {
     padding: 12px !important;
   }

   .proBlnc {
     margin-left: 5px;
     font-size: 10px;
     padding: 4px 4px;
   }

   .cash_convert li {
     font-size: 14px;
   }

   .sm_p_lr_60 {
     padding: 80px 0px 29px 20px;
   }

   .help-section .help-box .help-box-inner2 .single-artical:first-child {
     padding: 10px;
   }

   .box_massageCang .boxerror_useupd {
     width: 264px;
     /* top: -43%; */
     left: 0%;
     margin-left: -239px;
     border: 1px solid;
     padding: 9px 12px;
     font-size: 13px;
     color: #000;
     font-weight: 700;
     margin-top: -4px;
   }

   .p_b_15 {
     padding-bottom: 0px;
   }

   .p_t_100 {
     padding-top: 66px;
   }

   span.icon-text-info {
     margin-right: 39px;
     margin-top: -35px;
     color: #a6afc7;
   }

   .info_regi .tooltiptext {
     width: 267px;
     left: 0%;
     margin-left: -235px;
   }

   .box_massageRig .boxerror_use {
     width: 268px;
     top: 138%;
     margin-left: -236px;
   }

   .box_massageRiglog .boxerror_useer {
     width: 268px;
     top: 138%;
     margin-left: -236px;
   }

   .box_massageRig .boxerror_use::after {
     left: 92%;
   }

   .box_massageRiglog .boxerror_useer::after {
     left: 92%;
   }

   .info_regi .tooltiptext::after {
     left: 92%;
   }

   .btn {
     background-color: #0f212e;
     color: #fff;

     font-weight: 600;
     padding: 3px 3px;
     border-radius: 20px;
     font-size: 10px;
   }

   .game_row {
     display: inline-block;
     width: 100%;
     /* margin-left: 20px; */
   }

   .game_row1 {
     display: inline-block;
     width: 100%;
     /* margin-left: 20px; */
   }

   .game_row2 {
     display: inline-block;
     width: 100%;
     /* margin-left: 20px; */
   }

   .login-modal .modal-dialog .modal-content .modal-body .form-area .input-field {
     margin-bottom: 0px;
   }

   .mybtn1 {
     font-size: 14px;
     padding: 8px;
     color: #395037;
     margin-top: 12px;
     background: var(--grade_1);
   }

   .title2 {
     background: #0d2436;
     padding: 14px;
     border-radius: 15px;
     width: 100%;
     border: 2px solid #2f4553;
     text-align: center;
   }

   .slot_1 {
     width: 100%;
     height: 100px;
     margin-left: 96px;
     margin-bottom: -12px;
   }

   .mybtn2 {
     font-size: 15px !important;
     color: #000;
     text-align: center;
     align-items: center;
     height: 38px;
   }

   .Icon {
     font-size: 15px;
   }

   .header .top-header .content .left-content {
     text-align: center;
     margin-bottom: 0px;
     margin-left: 20px;
   }

   .header .top-header .content .right-content {
     margin-top: -5px;
   }

   .container2 {
     width: 100%;
   }

   .contact {
     padding: 0px 0px 10px;
     background-color: var(--clr_00);
     position: relative;
   }
 }

 @media only screen and (max-width: 600px) {

   button.mybtn1 {
     margin-left: 0px;
     margin-top: 0px;
   }

   table {
     width: 100%;
   }

   .mybtn2 a:not([href]):not([tabindex]) {
     text-decoration: none;

     width: 100px;
     margin: auto;
     justify-content: center;
     font-size: 15px !important;
     align-items: center;
     text-align: center;
     width: 106px;
     padding: -24px;
     display: flex;
   }

   .header .top-header .content .right-content .right-list>li .sign-in {
     font-size: 10px;
   }

   .header .top-header .content .right-content {
     text-align: center;
     padding-top: 10px;
   }
 }

 @media only screen and (max-width: 520px) {

   .tablBanner {
     margin-top: 0px;
   }

   .login-modal .modal-dialog .modal-content .modal-body .form-footer a {
     display: contents;
   }

   .For_cl {
     margin-top: 4px;
   }

   .login-modal .modal-dialog .modal-content .modal-body .form-area .form-group .box a {
     display: contents;
   }

   .header .top-header .content .left-content {
     text-align: center;
     margin-bottom: 0px;
     margin-left: 16px;
   }
 }


 @media screen and (max-width: 767px) {

   .game_row .game .game_row1 .game,
   .game_row2 .game {
     width: 33.333%;
     margin: 2px;
   }
 }

 @media screen and (max-width: 575px) {

   .game_row .game,
   .game_row1 .game,
   .game_row2 .game {
     /* width: 48%; */
     width: 32%;
   }

   .game {
     margin: 2px !important;
   }
 }

 /*************************** @media end ************************************/


 .left-content ul.left-list {
   display: flex;
 }

 .dl_cover {
   width: 25px;
   height: 25px;
   position: absolute;
   background: #343a42;
   border-radius: 50px;
   top: 3px;
   left: 5px;
   z-index: 1;
   transition: all 0.5s;
 }

 .dl_cover.liteSide {
   transform: translateX(33px);
   background: #c3c3c3;
 }

 ul.profileUl {
   max-width: 300px;
   /* margin: auto; */
   left: 0;
   right: 0;
   position: relative;
   background: var(--d_clr_1);
   padding: 1px;
   border-radius: 5px;
 }

 ul.profileUl li {
   margin: 15px 0px;
   padding-left: 15px;
 }

 ul.profileUl li img {
   width: 25px;
   margin-right: 7px;
 }

 .pointer {
   cursor: pointer;
 }

 .capsFirst {
   text-transform: capitalize;
 }

 .maxWid_500 {
   max-width: 500px;
 }

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

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

 input.paymentInp:focus,
 select.paymentInp:focus {
   outline: none;
   border: none;
 }

 input.paymentInp,
 select.paymentInp {
   text-align: center;
   font-size: 18px;
   height: 55px;
   border-radius: 5px !important;
   text-transform: uppercase;
 }

 .inpu_width {
   width: 400px !important;
 }

 .payKsamaInp input:focus,
 .payKsamaInp select:focus,
 .input-fieldupdate:focus {
   outline: none !important;
   border: none !important;
 }

 .payKsamaInp input,
 .payKsamaInp select,
 .input-fieldupdate {
   border: none;
   padding: 15px;
 }

 .Depositbtn {
   background: var(--grade_1);
   color: #000;
   padding: 10px 20px;
   text-transform: uppercase;
   font-weight: bold;
   transition: all 0.5s;
   display: flex;
   /* margin-left: 20px; */
   text-align: center;
   justify-content: center;
   align-items: center;
   border-radius: 50px 0px;
   border: none;
 }

 .popCovEr {
   background: #dddddd1f;
 }

 .login-modal .modal-dialog .modal-content .modal-body .form-area .mybtn1 .smallLoader {
   position: absolute;
   right: 15px;
   top: 33px;
 }

 .errorLable {
   width: 100%;
   background: #ff000017;
   color: #f00;
   border-radius: 10px;
   border: solid 1px #f00;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 10px;
   font-weight: bold;
 }

 .successLable {
   width: 100%;
   background: #0088001a;
   color: #080;
   border-radius: 10px;
   border: solid 1px #080;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 10px;
   font-weight: bold;
 }

 button.updatePassbtn:focus {
   outline: none;
   border: none;
 }

 button.updatePassbtn {
   border-radius: 50px;
   border: none;
   padding: 5px 15px 5px 5px;
   background: #ff00ec29;
   color: #9c27b0;
   cursor: pointer;
   font-weight: bold;
 }

 img.backHome {
   width: 30px;
   float: right;
   cursor: pointer;
 }

 .df_alc {
   display: flex;
   align-items: center;
 }

 button.mybtn1 .loader {
   position: absolute;
   right: 15px;
   top: 10px;
   width: 20px;
   height: 20px;
   border-radius: 50px;
 }

 button.mybtn1 {
   position: relative;
 }

 .clr_f0 {
   color: #f00;
 }

 .deposit_link:hover {
   text-decoration: none;
 }


 .form-control:focus {
   /* outline: none !important;
border: none !important; */
   background-color: #000;
   color: #fff !important;

 }

 .form-control {
   display: block;
   width: 100%;
   height: calc(1.5em + .75rem + 2px);
   padding: .375rem .75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #fff;
   background-color: #000;
   background-clip: padding-box;
   border: 1px solid #282828;
   border-radius: .25rem;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   border-radius: 6px;
 }


 .input-group-text {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   padding: .375rem .75rem;
   margin-bottom: 0;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #cb171a !important;
   text-align: center;
   white-space: nowrap;
   background-color: #a79595 !important;
   border: 1px solid #d61a1f;
   border-radius: 0rem 0.25rem 0.25rem 0rem;
 }

 mat-form-field#wrapper {
   height: 85px;
 }

 input#matInpId {
   height: 30px;
 }

 .mobile_none {
   display: flex;
 }

 .top11 {
   margin-top: 23px;
 }

 .mobile_block {
   display: none;
 }

 .fullpage {
   width: 100%;
   position: fixed;
   top: 0;
   left: -100%;
   bottom: 60px;
   right: 0;
   background: #121418 !important;
   z-index: 10000;
   height: 100%;
   overflow-y: scroll;
   transition: transform 0.4s ease-in-out;
 }

 .fullpage.show {
   transform: translateX(100%);
 }

 li.flex_side {
   display: flex;
   justify-content: space-between;
   padding: 10px;
   align-items: center;
   border-bottom: 1px solid #c1bbbb;
   transition: all 0.3s ease;
 }

 li.flex_side span,
 li.flex_side a {
   display: flex;
   justify-content: center;
   align-items: center;
   color: #fff;
 }

 .mobile_side_sub h3 {
   background: #9600ff;
   color: #fff;
   padding: 10px;
 }

 li.flex_side i {
   background: #caecff;
   padding: 2px 8px;
   border-radius: 50px;
 }

 .mt_setDT {
   margin-top: 0px;
 }

 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }

 input[type="number"] {
   -moz-appearance: textfield;
 }

 .image-wrapper img {
   position: relative;
   top: 0;
   left: 0;
   width: 400px;
   min-height: 140px;
   height: 100%;
   object-fit: cover;
   opacity: 0;
   transition: opacity 0.5s ease-in-out;
   border-radius: 10px;

   &.loaded {
     opacity: 1;
   }
 }

 .image-wrapper .shimmer {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(90deg,
       #111 25%,
       #222 50%,
       #111 75%);
   background-size: 400% 100%;
   animation: shimmer 4s infinite linear;
   border-radius: 10px;
 }

 @keyframes shimmer {
   0% {
     background-position: -400% 0;
   }

   100% {
     background-position: 400% 0;
   }
 }

 .scalImg {
   transition: transform 0.3s ease-in-out;
 }

 .scalImg:hover {
   transform: translateY(calc(var(--spacing-sm4) * -1));
 }

 .cmp_mh h3 {
   color: #fff;
   margin-left: 8px;
   font-size: 24px;
   font-weight: 700;
 }

 .cmp_mh {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   border-bottom: 1px solid #383737;
   padding: 20px;

   @media (max-width: 1200px) {
     padding: 15px;
   }

   @media (max-width: 992px) {
     padding: 10px;
   }

   @media (max-width: 576px) {
     padding: 5px;
   }
 }

 span.fas.fa-angle-left {
   padding: 4px 10px;
   background: #3d3b3b;
   color: #fff;
   border-radius: 4px;
   text-align: center;
   cursor: pointer;
 }

 @media only screen and (min-width: 100px) and (max-width: 850px) and (orientation: portrait),
 only screen and (min-width: 100px) and (max-width: 850px) and (orientation: landscape) {
  span.game_Name {
    position: absolute;
    bottom: 5px;
    font-size: 12px; 
}
   .image-wrapper img {
     width: 100%;
     height: 100%;
   }

   .header.headerWid {
     width: 100%;
   }

   .mobile_none {
     display: none !important;
   }

   .header {
     padding: 10px 0px;
   }

   .newLoginRegister {
     width: 70px;
     font-size: 12px;
   }

   hr {
     margin-bottom: 3rem;
   }

   .mt_setDT {
     margin-top: 30px !important;
   }

   .mobile_block {
     display: block !important;
   }

   .tablBanner {
     margin-top: 0px;
   }

   .top11 {
     margin-top: 0px;
   }
 }

 .dash_sideMenu {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 0px;
   overflow-y: auto;
 }

 .dash_sideMenu li {
   cursor: pointer;
   transition: all 0.5s;
   border-radius: 0px !important;
   text-align: center;
   text-decoration: none;
   border: 1px solid #282828;
   color: #fff;
   display: flex;
   justify-content: center;
   width: 182px;
   padding: 6px;
   margin: 4px;
   font-size: 14px;
   border-radius: 50px 0px 50px 0px !important;
   font-weight: 600;
 }

 .scrollTopSE {
   transform: skew(-378deg);
 }

 .profile_Auto {
   overflow-y: scroll;
   display: flex;
   height: 90vh;
 }

 .over_auto {
   overflow: auto;
   background: #000000;
   padding: 10px;
   box-shadow: 0px 0px 3px 0px #000000;
 }

 .dash_sideMenu li.active {
   border-radius: 0px;
   font-weight: 700;
   background: #de3ed9;
   color: #fff;
 }

 .sunmenuWd {
   max-width: 1170px;
   margin: auto;
   padding: 5px;
   margin-top: 20px;
   background: #000;
   /* height: 100vh; */
   border: 1px solid #282828;
   overflow: hidden;
 }

 .carousel-container {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   flex-wrap: nowrap;
 }

 .nav-btn {
   font-size: 24px;
   background: none;
   border: none;
   cursor: pointer;
   color: #fff;
   padding: 1px 5px;
   background: #de3ed921;
   border-radius: 50px;
 }

 .carousel-wrapper {
   display: flex;
   gap: 10px;
   overflow: hidden;
 }

 .image-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   border-radius: 10px;
   overflow: hidden;
 }

 span.showdow_Cl {
   position: relative;
   bottom: 0;
   z-index: 1;
   /* padding: 48px; */
   width: 100%;
 }

 span.bg_cl_dy {
   position: absolute;
   padding: 0px;
   margin: auto;
   color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   right: 0;
   left: 0;
   max-width: 95px;
   width: 100%;
   border-radius: 0px 0px 4px 4px;
   font-size: 11px;
 }

 .animated-bg {
   position: relative;
   background: linear-gradient(135deg,
       var(--bg-cl, #ff024f) 0%,
       var(--bg-cl), 100%);
   background-size: 400% 400%;
   animation: waveBackground 6s ease infinite;
 }

 @keyframes waveBackground {
   0% {
     background-position: 0% 50%;
   }

   50% {
     background-position: 100% 50%;
   }

   100% {
     background-position: 0% 50%;
   }
 }

 .image-wrapper {
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 1;
 }

 .image-wrapper img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: relative;
   z-index: 2;
 }

 .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label,
 .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
   color: rgb(255 255 255) !important;
 }

 .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
   color: rgb(255 255 255 / 87%) !important;
 }

 .mdc-icon-button {
   display: inline-block;
   position: relative;
   box-sizing: border-box;
   border: none;
   outline: none;
   background-color: rgb(108 108 108 / 76%) !important;
   fill: currentColor;
   color: inherit;
   text-decoration: none;
   cursor: pointer;
   user-select: none;
   z-index: 0;
   overflow: visible;
   color: #fff !important;
 }

 .mdc-text-field--filled:not(.mdc-text-field--disabled) {
   background-color: #1e1d1d !important;
 }

 .loader-container {
   display: flex;
   justify-content: center;
   align-items: center;
   /* width: 35px;
  height: 15px; */
 }

 .loader-gif {
   width: 30px;
   height: 20px;
 } 

 #current_container {
  display: block;
  height: calc(100vh - 80px);
  padding: 0; 
  text-align: center;
  margin-top: 15px;
}

 .flex_if {
   height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
   border: 1px solid #39a3e3;
 }

 iframe#game_object {
   flex-grow: 1;
   width: 100%;
   height: 100%;
   border: none;
 }

 .close_3 {
   background: var(--clr_2);
   width: 17px;
   height: 17px;
   float: right;
   position: absolute;
   top: 17px;
   right: 27px;
   border-radius: 50px;
   cursor: pointer;
   background-size: 481px;
   z-index: 999;

 }

 span.close_3.z_600 {
   position: absolute;
   padding: 12px;
   background: #f00;
   right: 6px;
   float: right;
   font-size: 23px;
   top: 64px;
   z-index: 900 !important;
   border-radius: 5px;
   cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .text_center {
   text-align: center;
 }

 .clr_gry {
   color: #828998;
 }



 /* ================ added by raju ================ */
 /* change if want to switch between light and dark themes */
 input {
   color: #fff;
 }

 /* ================ added by raju ================ */