@font-face {
  font-display: swap;
  font-family: futura-demi;
  src: url(data:font/woff2;base64,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)
      format("woff2"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/4431e19b3a16d6ebb394.woff)
      format("woff"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/2d3ebca396cce933cd14.ttf)
      format("truetype"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/87212a270ae1c479da02.svg#futura-demi)
      format("svg");
}

@font-face {
  font-display: swap;
  font-family: futura-medium;
  src: url(data:font/woff2;base64,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)
      format("woff2"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/1685973c221ca4f070b0.woff)
      format("woff"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/ba427c8b1222a3f0fbcb.ttf)
      format("truetype"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/810c5dba5f77f7be7b90.svg#futura-medium)
      format("svg");
}

@font-face {
  font-display: swap;
  font-family: futura-book;
  src: url(data:font/woff2;base64,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)
      format("woff2"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/7a39ede85519a48c3890.woff)
      format("woff"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/c72c2ec0234c2ac4d342.ttf)
      format("truetype"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/c94d61737427049c37b6.svg#futura-book)
      format("svg");
}

@font-face {
  font-display: swap;
  font-family: futura-light;
  src: url(data:font/woff2;base64,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)
      format("woff2"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/117bf311b049d2fa1dcb.woff)
      format("woff"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/51204ddd93dbcc73f176.ttf)
      format("truetype"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/bd4f917a3eeb363f5dd4.svg#futura-light)
      format("svg");
}

@font-face {
  font-display: swap;
  font-family: futura-demi-italic;
  src: url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/9c7ce4c0288a680ac06b.woff2)
      format("woff2"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/843e7c151529e22b5cf2.woff)
      format("woff"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/2a92e3202fe6aa4f57bb.ttf)
      format("truetype"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/69f1f1204f2df8c77afe.svg#futura-demi-italic)
      format("svg");
}

@font-face {
  font-display: swap;
  font-family: futura-heavy;
  src: url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/5f917d44ff2b12baf01b.woff2)
      format("woff2"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/8e2216ffe1dd5c2ab850.woff)
      format("woff"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/e70653c8f4f0deedbc54.ttf)
      format("truetype"),
    url(https://spn-sta.spinny.com/spinny-web/1.0.383/assets/a94bb37082aab18f0bf5.svg#futura-heavy)
      format("svg");
}

@font-face {
  font-family: futura-bold;
  src: url(../fonts/futura.ttf) format("truetype");
  font-weight: 700;
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  /* font-weight: 300; */
  src: url("../fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
}

body {
  font-family: futura-heavy;
  padding: 0px;
  margin: 0px;
  /*font-family: 'Manrope', sans-serif;*/
}
a {
  text-decoration: none;
}
ul {
  padding-left: 0px;
  margin: 0px;
}
main {
  overflow: hidden;
}

.senrif {
  font-family: sans-serif, "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
    sans-serif;
}

::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  display: inline-block;
  background-image: url("../images/cross-mark-icon.png");
  background-repeat: no-repeat;
  background-size: 16px;
}

/*----------------- desktop css ------------*/

.trans-header {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 3;
}
.desk-ul-top li a {
  color: #fff;
  font-family: "futura-heavy";
  text-transform: uppercase;
  padding: 10px 20px;
  font-size: 15px;
}
.desk-ul-top .dropdown-menu li a {
  font-family: "futura-demi" !important;
}
.desk-ul-top li a.active {
  color: #fff !important;
}
.desk-ul-top li .dropdown-toggle:hover,
.desk-ul-top li .dropdown-toggle:focus {
  color: #fff;
}
.desk-ul-top li a:hover {
  color: #fff;
}
.desk-ul-top .dropdown-menu.show {
  display: block;
  position: absolute !important;
  background: #2c3035;
}
.desk-ul-top .dropdown-menu li a {
  color: #fff;
}
.desk-ul-top .dropdown-menu li a:hover {
  background: #141414 !important;
}

/*--- slider sections start ---*/

.slider-top-cont {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
}
.deskSwiper .swiper-slide img {
  width: 100%;
}
.slider-top-cont h5 {
  color: #fff;
  font-size: 22px;
  font-family: "futura-medium";
}
.slider-top-cont h2 {
  font-size: 60px;
  color: #fff;
  font-family: "futura-heavy";
}
.play-slide-btn {
  background: #fff;
  padding: 14px 55px;
  border-radius: 40px;
  border: none;
  color: #cc0101;
  font-size: 16px;
  font-family: "Manrope";
  font-weight: 600;
  box-sizing: border-box;
  display: inline-block;
}
.swiper-slide {
  background-position: center;
  background-size: cover;
}

.swiper-slide img {
  display: block;
  width: 100%;
}

.swiper-pagination-bullet {
  background: #fff !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #cc0101 !important;
}

/*==============================================================*/
/*----------------- desktop css end --------*/
/*==============================================================*/

.container-grid {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}
.heading-1 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
  position: relative;
  z-index: 2;
}

.heading-2 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  letter-spacing: 5px;
  position: relative;
}
.heading-3 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
  letter-spacing: 5px;
  position: relative;
}
.heading-4 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
  text-align: left;
  letter-spacing: 5px;
  position: relative;
}
.heading-5 {
  float: left;
  width: 100%;
  margin: 0px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: 24px;
  color: #fff;
  text-align: center;
  font-family: futura-heavy;
}

/*------- header start -----*/

header {
  width: 100%;
  float: left;
}
#fixed-head {
  position: fixed;
  z-index: 99;
  left: 0px;
  top: 0px;
}
.fixed-head {
  background-image: url(../images/top_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 5%);
  position: fixed;
  z-index: 3;
  left: 0px;
  top: 0px;
}
.headBar {
  width: 100%;
  float: left;
}
.userProf {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  display: inline-block;
  padding: 0px;
  border-radius: 50%;
  overflow: hidden;
}
.userProf img {
  width: 100%;
}
.home-screen {
  background: #08101a;
  background-image: url(../images/top_bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  width: 100%;
  float: left;
  /* padding-top: 60px; */
}
.headBar .navbar {
  box-shadow: none;
}
div#searchOpen .headBar {
  padding-bottom: 25px;
}
.sideMneu {
  margin-right: 16px;
}
.menu-right li a:after {
  display: none;
}
.userProfile-li .userProfile {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  height: 30px;
  width: 30px;
  float: left;
  background-size: cover;
}
.fixed-head .userProfile-li .dropdown-menu :hover {
  border-radius: 0px;
}
.userProfile {
  position: relative;
  display: contents;
}
.userProfile img {
  width: 100%;
}
.menu-right {
  display: inline-flex;
  justify-content: flex-end;
}
.menu-right li {
  margin-left: 16px;
}
.searchOpen-li a i {
  color: #fff;
}
.searchOpen-li {
  padding-top: 3px;
}
.searchOpen {
}

.avatar-alert {
  width: 80%;
  float: left;
  margin: 30% 10% 0;
}
#sideMenu {
  height: 100vh;
  /* padding-bottom: 100px; */
}
.notification-user {
  position: absolute;
  background: #fff;
  font-size: 10px;
  color: #cc0000;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: inline-flex;
  top: 10px;
  right: -2px;
  text-align: center;
  padding-left: 2px;
  line-height: 11px;
}

/*--- header end ----*/

/*---- main slider start ---*/
.main-slider-box {
  width: 100%;
  float: left;
  position: relative;
}
/*.slick-slider {
margin-left: -12%;
margin-right: -12%;
}*/
.card-section {
  width: 100%;
  float: left;
  box-sizing: border-box;
  margin-bottom: 20px;
  /* overflow: hidden;*/
}

.main_slider .slick-list {
  /*padding-top: 10%!important;
padding-bottom: 10%!important;*/
  padding-left: 8% !important;
  padding-right: 8% !important;
  box-sizing: border-box;
  width: 100%;
  float: left;
}

.main_slider .slick-dots {
  text-align: right;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.main_slider .slick-track {
  max-width: 100% !important;
  transform: translate3d(0, 0, 0) !important;
  perspective: 100px;
}

.main_slider .slick-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  width: 100% !important;
  transform: translate3d(0, 0, 0);
  transition: transform 1s, opacity 1s;
}

.main_slider .slick-snext,
.main_slider .slick-sprev,
.main_slider .slick-snext2,
.main_slider .slick-sprev2 {
  display: block;
}

.main_slider .slick-current {
  opacity: 1;
  position: relative;
  display: block;
  z-index: 2;
}

.main_slider .slick-snext {
  opacity: 1;
  transform: translate3d(10%, 0, -10px);
  z-index: 1;
  perspective: 1000px;
}
.main_slider .slick-snext2 {
  opacity: 1;
  transform: translate3d(20%, 0, -20px);
  z-index: 0;
  perspective: 1000px;
}

.main_slider .slick-sprev {
  opacity: 1;
  transform: translate3d(-10%, 0, -10px);
}

.main_slider .slick-sprev2 {
  opacity: 1;
  transform: translate3d(-20%, 0, -20px);
}

.main_slider button {
  display: none !important;
}
.main_slider .slick-slide img {
  display: block;
  width: 100%;
}

/*--------- cont play card start -------*/

.contPlay-slider-box {
  width: 100%;
  float: left;
  position: relative;
}
.contPlay-slider {
  width: 100%;
  float: left;
  box-sizing: border-box;
  margin-top: 10px;
}
.play-slider {
  width: 100%;
  float: left;
  background: #212428;
  padding: 15px 15px 10px 15px;
  border-radius: 10px;
  margin-right: 10px;
  position: relative;
}
.play-slider a {
  display: block;
  z-index: 1;
  position: relative;
}
.play-slider a img {
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
}
.game-image {
  width: 100%;
  height: 100px;
  background-size: cover;
  background-position: top;
  border-radius: 10px 10px 0px 0px;
  margin-bottom: 0px;
}

.game-detal {
  width: 100%;
  float: left;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
}
.game-detal h3 {
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 0px;
  /* height: 30px; */
  overflow: hidden;
  align-items: center;
  display: grid;
}
.game-detal .icnPlay i {
  color: #fff;
  font-size: 16px;
}
.game-detal .icnPlay i:before {
  background: #f44336;
  border-radius: 50%;
}

/*---- trending slider start ---*/

.trending-slider {
  width: 100%;
  float: left;
  box-sizing: border-box;
  margin-top: 10px;
}

.trendGame-bg {
  /* background-size: 200%; */
  background-size: 100%;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background-position: center;
  padding: 0;
}

.trendGame-bgog {
  /* background-size: 200%; */
  background-size: cover;
  width: 100%;
  height: 300px;
  border-radius: 15px;
  background-position: center;
  padding: 0;
}
.bg-blur {
  /*background: rgba(255, 255, 255, 0.2);*/
  /* backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px); */
  height: 100px;
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: -1px;
  /* top: 0px; */
  left: 0px;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0) 36%
  );
}

/*----------- explore sectionstart --------*/

.explore-bg {
  background-image: url(../images/explore.png);
  padding: 20px 0px;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 69%;
}
.explore-slider {
  margin-top: 20px;
}
.circle-slider {
  width: 100%;
  float: left;
  margin-right: 10px;
  position: relative;
  text-align: center;
  display: inline-block !important;
  box-sizing: border-box;
}
.circle-slider a {
  display: block;
  z-index: 1;
  position: relative;
}
.explo-circle {
  width: 100%;
  float: left;
  position: relative;
}
/*.circl-gry {
width: 80px;
height: 80px;
display: block;
border-radius: 30%;
position: absolute;
background: #666;
}*/
/* .circl-gry {
width: 78%;
height: 78%;
display: block;
border-radius: 40%;
position: absolute;
background: #2C3035;
left: 11%;
z-index: -1;
top: 19px;
} */
.circl-gry {
  width: 68%;
  height: 68%;
  display: block;
  border-radius: 50%;
  position: absolute;
  background: #2c3035;
  left: 16%;
  z-index: -1;
  top: 16%;
}
.explo-circle img {
  position: relative;
  width: 100%;
  margin-right: 0px;
  text-align: center;
}
.circle-slider h3 {
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  font-family: futura-medium;
  margin-top: 10px;
  float: left;
  width: 100%;
  margin-bottom: 0px;
}

/*---- racing section start -------*/

.racing-bg {
  background-image: url(../images/bg_racing.png);
  padding: 30px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.racing-box {
  width: 90%;
  margin-left: 3%;
  float: left;
}

.race-twin-cards {
  width: 100%;
  float: left;
}
.raceLong-card {
  background-size: cover;
  height: 200px;
  width: 100%;
  background-position: center;
  border-radius: 20px;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 5%);
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}
.overlay-blk {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgb(221, 0, 113);
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 36%);
  /* background: linear-gradient(180deg, rgba(221,0,113,0) 0%, rgba(13,13,13,1) 90%); */
}
.rc-card-name {
  position: absolute;
  bottom: 10px;
  width: 100%;
  display: flex;
  padding: 0px 8px;
  align-items: center;
}
.img-sm {
  width: 50px;
  height: 44px;
  background-size: cover;
  border: 2px solid #fff;
  border-radius: 12px;
  min-width: 44px;
}
.img-og {
  width: 50px;
  height: 44px;
  background-size: cover;
  border: 2px solid #fff;
  border-radius: 12px;
  min-width: 44px;
  /* position: absolute;
  bottom: 0; */
}
.rc-card-name h3 {
  font-size: 14px;
  margin-bottom: 0px;
  color: #fff;
  font-weight: 700;
  margin-left: 10px;
  word-break: break-word;
}
.mt-20 {
  margin-top: -20px;
}
.next-race {
  position: absolute;
  right: -16px;
  top: 20%;
}
.mt-100 {
  margin-top: 100px;
}

/*---- adventure card start ----*/

.advenLong-slider {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 10px;
}
.adventLong-card {
  background-size: cover;
  height: 220px !important;
  width: 100%;
  background-position: center;
  border-radius: 20px;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 5%);
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  margin-right: 10px;
}
.adv-card-name {
  position: absolute;
  bottom: 20px;
  width: 100%;
  display: flex;
  padding: 0px 8px;
}
.adv-card-name h3 {
  font-size: 14px;
  margin-bottom: 0px;
  color: #fff;
  font-weight: 700;
}
.viewAll {
  position: absolute;
  right: 0px;
  color: #ffffffc2;
  text-transform: capitalize;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 11px;
}
.viewAll i {
  color: #999;
}
.big-circle {
  position: absolute;
  left: -50%;
  top: -10px;
  width: 70%;
}
.sm-circle {
  position: absolute;
  right: -20%;
  z-index: -1;
  bottom: 20%;
}

/*------- battle slider ----*/

/*---- batle css start --*/

.battleGame-bg {
  background-size: 200% !important;
  background-position: center;
}

.btlgame-image {
  height: 220px;
  background-size: cover;
  background-position: top;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.btlgame-detal {
  width: 100%;
  float: left;
  display: inline-flex;
  justify-content: space-between;
  position: absolute;
}
.btlgame-detal h3 {
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 0px;
}
.btlPlay-slider {
  width: 100%;
  float: left;
  background: #ffffff66;
  padding: 6px;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
}
.btlPlay-slider a {
  display: block;
  z-index: 1;
  position: relative;
}
.btlPlay-slider a img {
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
}
.btlPlay-slider.slick-current {
  width: 200px !important;
  height: 200px;
  margin-bottom: 20px;
}
.btlPlay-slider.slick-current .btlgame-image {
  height: 200px !important;
}
/*.battleGame-bg:last-child {
display: none !important;
}*/

.btlgame-image h3 {
  color: #fff;
  text-align: center;
  width: 100%;
  display: none;
  z-index: 1;
  font-weight: 700;
  font-family: futura-heavy;
  font-size: 20px;
}
.letPlay {
  background: #fff;
  position: absolute;
  text-align: center;
  width: auto;
  bottom: -6px;
  z-index: 99;
  align-items: center;
  display: flex;
  left: 38px;
  padding: 7px 20px;
  border-radius: 20px;
  color: #cc0101;
  display: none;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
}
.btl-main .swiper-slide {
  margin-top: 50px;
}
.btl-main .swiper-slide.swiper-slide-active {
  margin-top: 0px;
}
.btlPlay-slider.slick-current .btlgame-image h3 {
  display: block;
}
.btlPlay-slider.slick-current .letPlay {
  display: block;
}
.fullblack-Overlay {
  background: #00000047;
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.btl-main .swiper-slide.swiper-slide-prev {
  overflow: hidden;
  border-radius: 50%;
}
/* .btl-main .swiper-slide.swiper-slide-active  */
.btlBg-blur {
  /* backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px); */
  height: 100px;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
}

/*---- brain teaser start ---*/

.brainTeas-bg {
  background-image: url(../images/rectangle-bg.png);
  padding-top: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
}
.brainTeas-slider {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 10px;
}
.brainTeas-card {
  background-size: cover;
  height: 150px !important;
  width: 100%;
  background-position: center;
  border-radius: 20px;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 5%);
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  margin-right: 10px;
}
.adv-card-name-half {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  padding: 0px 8px;
  background: linear-gradient(222.78deg, #2c3035 6.97%, #191b1f 96.92%);
  min-height: 50px;
}
.adv-card-name-half h3 {
  font-size: 14px;
  margin-bottom: 0px;
  color: #fff;
  font-weight: 700;
  padding: 8px 0px;
}

.baner-box {
  width: 100%;
  float: left;
  margin: 20px 0px;
}
.banerLink {
  display: block;
}
.banerLink img {
  width: 100%;
}

/*----------------------------------------------------*/
/*================ GAME HUB SCREEN ===================*/

.gameHub-screen {
  background: #08101a;
  background-image: url(../images/vector-bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  width: 100%;
  float: left;
  min-height: 100vh;
  padding-top: 50px;
}
.first_card {
  margin-top: 20px;
}

/*--- sticky footer start -----*/

.footer-fixed {
  position: fixed;
  bottom: 0;
  left: 0px;
  width: 100%;
  background: linear-gradient(180deg, #262728 14.29%, #08101a 100%);
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  height: 56px;
  z-index: 3;
}
.sc-bottom-bar {
  position: absolute;
  display: flex;
  padding: 16px 36px;
  justify-content: space-between;
  width: 100%;
  margin: auto;
  top: -12px;
  left: 0;
  bottom: 0;
  right: 0;
  /* font-size:26px;*/
  /*background-image:radial-gradient(circle at 36px 6px,transparent 36px, #ffffff 37px);*/
  filter: drop-shadow(0px -1px 6px rgba(0, 0, 0, 0.08))
    drop-shadow(0px -2px 12px rgba(0, 0, 0, 0.12));
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  transition: cubic-bezier(0.57, 0.23, 0.08, 0.96) 0.45s;
}

.sc-nav-indicator {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 33px;
  margin: auto;
  left: 0;
  background-color: #fff;
  box-shadow: var(--main-cast-shadow);
  border-radius: 50%;
  transition: cubic-bezier(0.45, 0.73, 0, 0.59) 0.3s;
}
.sc-menu-item {
  color: #fff;
  transition: ease-in-out 0.5s;
  cursor: pointer;
  text-align: center;
  line-height: initial;
  width: 60px;
}
.sc-current {
  position: relative;
  color: #ffffff;
  z-index: 3;
  transform: translate3d(0px, -31px, 0px);
  font-family: "futura-medium";
}

/* .sc-menu-item.sc-current:after {
  width: 40px;
  height: 40px;
  bottom: 0;
  left: 0px;
  background-color: #fff;
  box-shadow: var(--main-cast-shadow);
  border-radius: 50%;
  margin: 4px;
} */
.sc-menu-item.sc-current:after {
  position: absolute;
  content: "";
  z-index: -1;
  top: 0px;
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0px auto;
  justify-content: center;
  align-items: center;
  left: 10px;
}

.sc-menu-item .icn-Label {
  font-size: 12px;
  display: block;
  color: #ffffff66;
  font-family: "futura-medium";
}
.sc-menu-item img {
  width: 40px;
}
.sc-menu-item i {
  font-size: 20px;
  color: #ffffff66;
}
.sc-menu-item.sc-current .icn-Label {
  position: relative;
  top: 24px;
  color: #fff;
}
.sc-menu-item.sc-current i {
  position: relative;
  top: 7px;
  color: #cc0101;
}
.bi-game-w {
  background-image: url(../images/logo.png);
  background-size: 20px;
  height: 20px;
  background-size: 30px;
  display: block;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.bi-game-r {
  background-image: url(../images/red-logo.png);
  background-size: 20px;
  height: 20px;
  background-size: 30px;
  display: block;
  background-repeat: no-repeat;
  display: none;
}
.sc-menu-item.sc-current .bi-game-w {
  display: none;
}
.sc-menu-item.sc-current .bi-game-r {
  display: block;
  top: 15px;
}
/*.bi-g {
left: 14px;
position: relative;
height: 33px;
top: 11px;
}*/
.bi-g {
  left: 14px;
  position: relative;
  height: 24px;
  top: 7px;
}
.pg-head {
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  padding: 0px;
  font-family: futura-heavy;
}
.big-circle-hub {
  position: absolute;
  left: -50%;
}
.sc-menu-item.sc-current .icn-Label.icnG-hub {
  top: 32px;
}

/*================== game hub screen end =============*/

/*-- full slider ---*/

.full-slider {
  width: 100%;
  float: left;
  border-radius: 10px;
  margin-right: 10px;
  position: relative;
}
.full-slider a {
  display: block;
  z-index: 1;
  position: relative;
}
.full-slider a img {
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
}
.fullgame-image {
  width: 100%;
  height: 180px;
  background-size: cover;
  background-position: top;
  border-radius: 10px;
  /* margin-bottom: 10px; */
}
.fullgame-detal {
  width: 100%;
  position: relative;
  position: absolute;
  bottom: 10px;
  padding: 20px;
  box-sizing: border-box;
}
.fullgame-detal h3 {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 0px;
}
.blk-Overlay {
  background: #00000069;
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 36%);
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  top: 0px;
  left: 0px;
  border-radius: 10px;
}

.letPlay-1 {
  background: #fff;
  text-align: center;
  width: auto;
  padding: 4px 20px;
  border-radius: 20px;
  color: #cc0101;
  position: relative;
  top: 10px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
}
.last-card-footer {
  margin-bottom: 70px;
}

/*--------------------------------------------------------*/
/*===================VIEW ALL SCREEN START ===============*/

.back-Link {
  margin-right: 16px;
  z-index: 1;
}
.back-Link i {
  color: #fff;
  font-size: 20px;
}
.single-section {
  margin: 60px 0px 70px 0px;
}
.viewAll-box {
  width: 100%;
  float: left;
  box-sizing: border-box;
}
.viewAll-box .play-slider:nth-child(odd) {
  margin-right: 15px;
}
.viewAll-box .play-slider {
  width: 47.8%;
  margin-bottom: 15px;
  margin-right: 0px;
}

/*----------------------------------------------------------*/
/*================== MENU SCREEN START =====================*/

.default-bg-screen {
  background: #08101a;
  background-image: url(../images/background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  width: 100%;
  float: left;
}

.default-bg-screen .offcanvas-header {
  padding: 8px 0px;
}
.default-bg-screen {
  padding: 0px 16px;
}
.default-bg-screen .offcanvas-title {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
.default-bg-screen .offcanvas-body {
  padding: 0px;
  margin-top: 20px;
  margin-bottom: 60px;
}

/*-- list card smal pic ---*/

.list-card-s-pic {
  width: 100%;
  float: left;
  background: linear-gradient(222.78deg, #2c3035 6.97%, #191b1f 96.92%);
  display: flex;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 15px;
}
.list-card-s-pic.profDetl {
  align-items: center;
}
.s-pic {
  height: 50px;
  width: 50px;
  border-radius: 10px;
  background-size: cover;
  float: left;
  min-width: 50px !important;
}
.list-cont-bx.profDetl {
  float: left;
  width: calc(100% - 100px);
  margin-left: 16px;
}
.list-cont-bx {
  float: left;
  width: calc(100% - 66px);
  margin-left: 16px;
}
.list-cont-bx h3 {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0px;
}
.profDetl .list-cont-bx h3 {
  font-weight: 700;
}
.list-cont-bx h6 {
  font-size: 12px;
  color: #fff;
  opacity: 0.6;
  margin-bottom: 0px;
  word-wrap: break-word;
}
.membership {
  color: #fff;
  font-size: 11px;
  position: relative;
  top: -4px;
  font-weight: 100;
  opacity: 0.7;
}
.arow-detail {
  width: 34px;
  float: left;
}
.arow-detail a i {
  color: #fff;
  opacity: 0.7;
  text-align: center;
  display: block;
}
.list-cont-bx p {
  margin-bottom: 0px;
  color: #fff;
  line-height: normal;
  font-size: 12px;
  opacity: 0.7;
}

.readMore {
  color: #fff;
  font-size: 13px;
}
.readMore:hover {
  color: #cc0101;
}
.two-Card {
  display: flex;
  float: left;
  width: 100%;
  align-items: center;
}
.card-l {
  background: linear-gradient(222.78deg, #2c3035 6.97%, #191b1f 96.92%);
  width: 100%;
  float: left;
  text-align: center;
  border-radius: 16px;
  margin-bottom: 16px;
}
.crd-l {
  margin-right: 8px;
}
.crd-r {
  margin-left: 8px;
}
.card-l a {
  display: block;
  padding: 16px;
  color: #fff;
}
.card-l i {
  font-size: 30px;
}
.card-l h4 {
  font-size: 14px;
}
.card-l.crd-md {
  margin-left: 16px;
  margin-right: 16px;
}

/*===============  ABOUT SCREEN START ===========*/

.about-screen {
  background: #08101a;
  background-image: url(../images/about-background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  width: 100%;
  float: left;
  background-attachment: fixed;
  height: 100vh;
}
.about-box {
  width: 100%;
  float: left;
  margin-top: 80px;
}
.logo-lBx {
  width: 100%;
  text-align: center;
  float: left;
}
.logo-lBx .help-mob-img {
  width: 60%;
  height: auto;
}
.about-box h1 {
  color: #fff;
  margin-top: 80px;
  float: left;
  font-size: 24px;
  margin-bottom: 40px;
  /* font-family: 'Manrope', sans-serif; */
  font-weight: 500;
}
.about-box b {
  color: #cc0000;
}
.about-box p {
  color: #fff;
  line-height: normal;
  font-weight: 400;
  font-size: 14px;
  float: left;
  /* font-family: 'Manrope', sans-serif; */
  font-family: "futura-light";
}
.pera-about {
  width: 60%;
}
.single-fixed-height {
  height: 100%;
  margin-bottom: 0px;
  padding-bottom: 100px;
}
.aboutus-fixed-height {
  height: 100vh;
  margin-bottom: 0px;
}

/*===============  Help SCREEN START ===========*/

.default-screen {
  background: #08101a;
  background-image: url(../images/background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  width: 100%;
  float: left;
  min-height: 100vh;
}
.logo-lBx h1 {
  float: left;
  width: 100%;
  margin: 0px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: 10px;
  color: #fff;
}

.default-box {
  width: 100%;
  float: left;
}
.form-field {
  background: transparent;
  border: 1px solid #ffffff75;
  border-radius: 40px;
  padding: 15px 19px;
  margin-bottom: 16px;
}
.form-field::placeholder {
  color: #fff;
  opacity: 0.5;
  font-size: 15px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
}
.form-section {
  width: 100%;
  float: left;
  margin-top: 40px;
  position: relative;
}
textarea.form-field {
  height: 100px;
  border-radius: 20px;
  color: white;
}
.subs-submit-btn.phonepe {
  left: 35%; /* Position the second button on the right half of the screen */
  transform: translateX(+50%); /* Center the button horizontally */
}
.submit-btn.phonepe-dsk {
  margin-top: 10px;
}
.subs-submit-btn {
  background: #cc0101;
  padding: 14px 15px;
  border-radius: 40px;
  width: calc(50% - 32px);
  border: none;
  color: #fff;
  font-size: 16px;
  font-family: "futura-heavy";
  /* font-family: 'Manrope'; */
  font-weight: 600;
  position: fixed;
  box-sizing: border-box;
  bottom: 20px;
  left: 16px;
}
.noresults-submit-btn {
  background: #cc0101;
  padding: 14px 15px;
  border-radius: 40px;
  width: calc(100% - 32px);
  border: none;
  color: #fff;
  font-size: 16px;
  font-family: "futura-heavy";
  font-weight: 600;
  position: absolute;
  box-sizing: border-box;
  bottom: 20px;
  left: 16px;
}
.submit-btn {
  background: #cc0101;
  padding: 14px 15px;
  border-radius: 40px;
  width: calc(100% - 32px);
  border: none;
  color: #fff;
  height: 40px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-family: "futura-heavy";
  /* font-family: 'Manrope'; */
  font-weight: 600;
  position: fixed;
  box-sizing: border-box;
  bottom: 75px;
  left: 16px;
}

.submit-btn-login {
  background: #cc0101;
  padding: 14px 15px;
  border-radius: 40px;
  width: calc(100% - 32px);
  border: none;
  color: #fff;
  height: 40px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-family: "futura-heavy";
  /* font-family: 'Manrope'; */
  font-weight: 600;
  position: fixed;
  box-sizing: border-box;
  bottom: 5px;
  left: 16px;
}
.pd-t20 {
  padding-top: 20px;
}

.coupon-input {
  height: 40px;
  padding-left: 10px;
  border-radius: 10px;
}

/*===============  LANGUAGE SCREEN START ===========*/

.radioBox {
  width: 100%;
  float: left;
  background: linear-gradient(222.78deg, #2c3035 6.97%, #191b1f 96.92%);
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 15px;
}
.radioColr.form-check-input[type="radio"]:checked:after {
  border-color: #cc0101;
  background-color: #cc0101;
}
.radioColr.form-check-input:checked {
  background-color: #cc0101;
  border-color: #cc0101;
}
.radioColr.form-check-input[type="radio"]:checked {
  background-color: #443939ad;
}
.radioColr.form-check-input:checked:focus:before {
  box-shadow: 0 0 0 13px #cc0101;
}
.radioColr.form-check-input[type="radio"]:after {
  background: transparent;
  border-color: #fff;
}
.radioColr.form-check-input {
  --bs-form-check-bg: transparent;
}
.radioBox label {
  font-size: 30px;
  color: #fff;
  line-height: 26px;
  margin-left: 8px;
  font-weight: 800;
}
.lang-name {
  color: #fff;
  float: left;
  width: 100%;
  margin-left: 40px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: 6px;
}

/*-----------------------------------------------------*/
/*=================== REWARDS SCREEN ==================*/

.rewards-screen {
  background: #08101a;
  background-image: url(../images/rewards.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  width: 100%;
  float: left;
  background-attachment: fixed;
  min-height: 100vh;
}
.rewards-card-box {
  width: 100%;
  float: left;
}
.rewards-box p {
  font-size: 14px;
  /* font-family: 'Manrope'; */
  font-family: "futura-medium";
  color: #fff;
  font-weight: 500;
  position: relative;
  z-index: 2;
}

.rewards-box h1 {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 4px;
  position: relative;
  z-index: 2;
}
.rewards-box {
  width: 50%;
  float: left;
  margin: 29% 0 21%;
}
.rewards-card {
  background: linear-gradient(222.78deg, #2c3035 6.97%, #191b1f 96.92%);
  border-radius: 16px;
  padding: 12px;
  width: 100%;
  float: left;
  margin-bottom: 16px;
}
.mr-rmv {
  margin-bottom: 0px !important;
}
.mr-t0 {
  margin-top: 0px;
}
.rewardImg {
  width: 104px;
  height: 66px;
  background-size: contain;
  border-radius: 10px;
  background-position: center;
  float: left;
  background-repeat: no-repeat;
  background-color: #fff;
}
.reward-info {
  width: calc(100% - 114px);
  float: left;
  margin-left: 10px;
  color: #fff;
}

.reward-info h3 {
  font-family: "futura-heavy";
  font-size: 14px;
  margin-bottom: 7px;
}
.expire-dt {
  font-size: 12px;
  font-weight: 400;
  /* font-family: 'Manrope'; */
  font-family: "futura-medium";
  position: relative;
  top: -9px;
  opacity: 0.7;
}
.claim-btn-bx {
  width: 100%;
  float: left;
  text-align: center;
}
.btn-claim {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-family: "futura-medium";
  /* font-family: 'Manrope'; */
  border-radius: 30px;
  font-size: 13px;
  padding: 9px 15px;
  width: 100%;
  font-weight: 500;
}
.reward-info h5 {
  font-size: 12px;
  font-family: "futura-medium";
  /* font-family: 'Manrope'; */
  opacity: 0.7;
}

/*---------------------------------------------------------*/
/*==================== REWARD DETAIL ======================*/

.rewardDetail {
  margin-top: 46px;
  margin-bottom: 80px;
}

.rewardDetail1 {
  margin-top: 120px;
  margin-bottom: 80px;
}

.reward-detailBox {
  width: 100%;
  float: left;
}
.rewardImg-detail {
  background-size: cover;
  height: 164px;
  width: 100%;
  background-position: center;
  border-radius: 24px 24px 0px 0px;
}
.rewards-card-detail {
  background: linear-gradient(222.78deg, #2c3035 6.97%, #191b1f 96.92%);
  border-radius: 0px 0px 24px 24px;
  padding: 12px 12px 20px 12px;
  width: 100%;
  float: left;
  margin-bottom: 16px;
}
.rewards-card-detail h1 {
  color: #fff;
  font-size: 24px;
  font-family: "futura-heavy";
  line-height: 36px;
  margin-bottom: 10px;
}

.rewards-card-detail p {
  color: #fff;
  font-weight: 300;
  font-family: "futura-light";
  font-size: 15px;
}
.savepaisa {
  font-size: 14px;
  color: #fff;
  border: 1px solid #ffffff69;
  border-radius: 8px;
  width: 100%;
  float: left;
  padding: 8px 10px;
  /* font-family: 'Manrope'; */
  font-family: "futura-medium";
  align-items: center;
  display: inline-flex;
}
.expire-dt-detail {
  color: #fff;
  font-family: "futura-medium";
  font-size: 14px;
  float: left;
  width: 100%;
  margin: 20px 0px;
  border-bottom: 1px solid #ffffff69;
  padding-bottom: 15px;
}
.savepaisa img {
  margin-right: 8px;
}
.savepaisa b {
  margin-left: 3px;
}
.expire-dt-detail i {
  margin-right: 8px;
}
.offer-togle {
  color: #fff;
  float: left;
  width: 100%;
  font-family: "futura-medium";
  font-size: 14px;
  align-items: center;
  display: inline-flex;
  position: relative;
}
.offer-togle img {
  margin-right: 8px;
}
.offer-togle i {
  width: 10px;
  display: inline-block;
  position: absolute;
  right: 3px;
}
.detail-coupn {
  float: left;
  width: 100%;
  margin: 20px 0px;
}
.card-togl-detail {
  width: 100%;
  float: left;
}
.card-togl-detail p {
  font-size: 14px;
  /* font-family: 'Manrope'; */
  font-family: "futura-medium";
  margin-bottom: 10px;
}
.go-stps {
  width: 100%;
  float: left;
}
.go-stps b {
  color: #ffffffcf;
  /* font-family: 'Manrope'; */
  font-family: "futura-heavy";
  font-size: 14px;
  font-weight: 500;
}
.go-stps ul li {
  font-size: 14px;
  color: #555;
}
.go-stps ul li {
  font-size: 13px;
  color: #fff;
  font-weight: 300;
  font-family: "futura-light";
}
.go-stps ul li a {
  color: blue !important;
}
.go-stps ul {
  padding-left: 20px;
}
.fixed-div {
  backdrop-filter: blur(20px);
  position: fixed;
  bottom: 0px;
  width: 100%;
  left: 0px;
  /* height: 190px; */
  height: 220px;
  background: #0e1120ad;
}
.fixed-login {
  backdrop-filter: blur(20px);
  position: fixed;
  bottom: 0px;
  width: 100%;
  left: 0px;
  height: 50px;
  /* height: 220px; */
  background: #0e1120ad;
}

/*------------------------------------------------------*/
/*==================== SEARCH SECTION START ============*/

.searchBox {
  width: calc(100% - 36px);
  background: transparent;
  position: relative;
}
.search-txt {
  background: transparent;
  border-radius: 30px;
  padding: 15px 19px 15px 55px;
  border: 1px solid #ffffff75;
  color: #fff;
}
.search-txt::placeholder {
  color: #fff;
  opacity: 0.5;
  font-size: 16px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  /*text-indent: 20px;*/
}
.searchBox b i {
  color: #fff;
  font-size: 18px;
  opacity: 0.5;
}

.searchBox b {
  position: absolute;
  left: 20px;
  top: 15px;
}
.search-section {
  margin-top: 98px;
}
.mostSearched-slider {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 10px;
}
.search-txt:focus {
  background: transparent;
  color: #fff;
  box-shadow: none;
  border: 1px solid #ffffff75;
}

.searchResult-screen {
  background: #08101a;
  background-image: url(../images/search-by-text.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  width: 100%;
  float: left;
  min-height: 100vh;
}
.search-result {
  margin-top: 180px;
}

/*--------------------------------------------------------------*/
/*========================= LOGOUT SCREEN ======================*/

.logout-screen {
  background: #1b1b1a;
  opacity: 0.95;
  width: 100%;
  float: left;
  min-height: 100vh;
}

.logout-section {
  position: absolute;
  bottom: 0;
  background: #2c3035;
  opacity: 0.98;
  padding-bottom: 80px;
  margin-bottom: 0px;
}
.logImg {
  width: 100%;
  float: left;
  text-align: center;
  padding-top: 42px;
}
.cancel-btn {
  background: #fff;
  padding: 14px 15px;
  border-radius: 40px;
  width: calc(50% - 24px);
  border: none;
  color: #cc0101;
  font-size: 16px;
  font-family: "Manrope";
  font-weight: 600;
  position: fixed;
  box-sizing: border-box;
  bottom: 20px;
  left: 16px;
}
.logout-btn {
  background: #cc0101;
  padding: 14px 15px;
  border-radius: 40px;
  width: calc(50% - 24px);
  border: none;
  color: #fff;
  font-size: 16px;
  font-family: "Manrope";
  font-weight: 600;
  position: fixed;
  box-sizing: border-box;
  bottom: 20px;
  right: 16px;
}
.logout-box h1 {
  background: linear-gradient(
    101.75deg,
    #ffffff 1%,
    rgba(255, 255, 255, 0) 148.71%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 36px;
  font-family: "futura-heavy";
  float: left;
  width: 100%;
  margin-top: 10px;
}
.logout-box h5 {
  color: #fff;
  font-family: "Manrope";
  font-size: 14px;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.logout-slider {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-bottom: 20px;
}
.logoutSmal-card {
  background-size: cover;
  height: 100px !important;
  width: 100%;
  background-position: center;
  border-radius: 10px;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 5%);
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  margin-right: 10px;
  filter: drop-shadow(10px 10px 12px rgba(0, 0, 0, 0.2));
}
.adv-card-name {
  position: absolute;
  bottom: 20px;
  width: 100%;
  display: flex;
  padding: 0px 8px;
}
.adv-card-name h3 {
  font-size: 14px;
  margin-bottom: 0px;
  color: #fff;
  font-weight: 700;
}

/*-------------------------------------------------------*/
/*================ ALERT SCREEN =========================*/

.alert-messages {
  text-align: center;
  width: 100%;
  float: left;
  height: calc(100vh - 90px);
}
.messageBox-alert {
  height: 100%;
  width: 100%;
  float: left;
  align-content: center;
  display: grid;
}
.noResultFound-Box {
  width: 100%;
  float: left;
  align-content: center;
  display: grid;
  margin-top: 20%;
}
.noResultFound-Box h1 {
  background: linear-gradient(
    101.75deg,
    #ffffff 1%,
    rgba(255, 255, 255, 0) 148.71%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: white;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 36px;
  font-family: "futura-heavy";
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 25px;
}
.alertImg {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 50px;
}
.messageBox-alert h1 {
  background: linear-gradient(
    101.75deg,
    #ffffff 1%,
    rgba(255, 255, 255, 0) 148.71%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: white;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 36px;
  font-family: "futura-heavy";
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 25px;
}
.messageBox-alert h5 {
  color: #fff;
  font-family: "Manrope";
  font-size: 14px;
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.language-screen {
  padding-top: 60px;
}

/*--------------------------------------------------------------*/
/*========================= SUBSCRIPTION SCREEN ======================*/

.subscription-box {
  width: 100%;
  float: left;
}
.subscription-screen {
  background: #08101a;
  background-image: url(../images/subscription.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  width: 100%;
  float: left;
  min-height: 100vh;
}
.subscription-section {
  margin-top: 110px;
  margin-bottom: 90px;
}
.subscription-box h1 {
  color: #fff;
  font-size: 24px;
  font-family: "futura-heavy";
  float: left;
  width: 70%;
  margin-top: 10px;
  margin-bottom: 25px;
  text-align: center;
  margin-left: 15%;
  text-transform: uppercase;
}
.go-awy {
  width: 100%;
  float: left;
  text-align: center;
  list-style-type: none;
}
.go-awy li {
  display: inline-block;
  color: #fff;
  background-color: #ed9400;
  padding: 5px 10px;
  border-radius: 10px;
  font-size: 16px;
  /* font-family: 'Manrope'; */
  font-family: "futura-light";
  margin-right: 10px;
  font-weight: bold;
}
.go-awy li i {
  font-size: 6px;
  position: relative;
  top: -2px;
  color: #fff;
  margin-right: 4px;
}

.subscription-tabs {
  width: 100%;
  float: left;
  margin-top: 30px;
}
.subscription-tabs-ul {
  width: 100%;
  float: left;
  justify-content: center;
  display: flex;
}
.subscription-tabs-ul ul {
  background: linear-gradient(222.78deg, #2c3035 6.97%, #191b1f 96.92%);
  border-radius: 24px;
  overflow: hidden;
  width: 252px;
}
.subscription-tabs-ul ul li {
  border-radius: 40px;
  border: none;
  width: 50%;
  font-size: 14px;
  font-family: "Manrope";
  font-weight: 600;
}
.subscription-tabs-ul ul li button {
  color: #fff !important;
  padding: 14px 15px;
  width: 100%;
  border-radius: 40px !important;
  transition: ease-in-out 0.5s;
}
.subscription-tabs-ul ul li button.active {
  background: #fff !important;
  color: #cc0101 !important;
}
#pills-tabContent h5 {
  color: #fff;
  font-family: "Manrope";
  font-size: 14px;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
}
.subscription-tabs #pills-tabContent {
  width: 100%;
  float: left;
}
.subscription-tabs #pills-tabContent .tab-pane {
  width: 100%;
  float: left;
}
.subs-cardBox {
  align-items: center;
  float: left;
  display: flex;
  margin-top: 20px;
}
.cm1 {
  margin-right: 8px;
}
.cm2 {
  margin-left: 8px;
}
.card-month {
  border: 1px solid #ffffff45;
  border-radius: 24px;
  width: 100%;
  float: left;
  padding: 20px;
  text-align: center;
  height: 170px;
  align-content: center;
  display: grid;
  position: relative;
}
.card-month h2 {
  font-size: 36px;
  font-family: "Manrope";
  color: #fff;
  font-weight: 700;
  margin-bottom: 0px;
  line-height: 31px;
}
.mnth {
  font-size: 21px;
  font-family: "Manrope";
  color: #fff;
  font-weight: 600;
  margin-top: 8px;
}
.card-month h4 {
  color: #fff;
  font-size: 14px;
  font-family: "Manrope";
  font-weight: 600;
  margin-top: 12px;
}
.subs-cardBox .active {
  border: 1px solid #ed9400;
  background: linear-gradient(222.78deg, #2c3035 6.97%, #191b1f 96.92%);
}
.recomand-usr {
  background: #ed9400;
  color: #fff;
  border-radius: 20px;
  font-weight: 500;
  font-family: "futura-demi";
  /* font-family: 'Manrope'; */
  font-size: 16px;
  padding: 5px 12px;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.plan-info {
  width: 100%;
  float: left;
  margin-top: 15px;
  list-style-type: none;
  padding-left: 20px;
}
.plan-info li {
  color: #fff;
  font-family: "futura-light";
  /* font-family: 'Manrope'; */
  font-weight: bold;
  margin-bottom: 16px;
  font-size: 15px;
  display: inline-flex;
  text-align: left;
}
.plan-info li i {
  background: #7cfc00;
  color: #fff;
  border-radius: 50%;
  width: 23px !important;
  height: 23px;
  display: block;
  padding-left: 5px;
  padding-right: 4px;
  margin-right: 12px;
  margin-top: 4px;
  padding-top: 1px;
}

#pills-monthly-tab {
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: bold;
}
#pills-annualy-tab {
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: bold;
}

/*------------------------------------------------------*/
/*=================== PROFILE IMAGE ====================*/

.profile-head {
  background: linear-gradient(221.67deg, #f9b800 1.88%, #984724 95.47%);
  width: 100%;
  float: left;
}
.imageEditBox {
  width: 100%;
  float: left;
  text-align: center;
  justify-content: center;
  display: flex;
  position: relative;
}
.edit-Image {
  width: 160px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  height: 160px;
  background-size: cover;
}
.lbl {
  color: #fff;
  font-family: "futura-medium";
  /* font-family: 'Manrope'; */
  margin-bottom: 9px;
  font-size: 12px;
  padding-left: 10px;
}
.edit-prof {
  position: absolute;
  bottom: 10px;
  right: 11px;
  background: #08101a;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  right: 31%;
  z-index: 1;
}
.edit-prof:hover {
  cursor: pointer;
}
.edit-prof i {
  color: #fff;
  font-size: 11px;
}
.chose-avatar {
  width: 100%;
  float: left;
  justify-content: center;
  display: flex;
  margin-top: 24px;
}
.ReactCrop__image {
  max-width: 100%;
  max-height: 200px;
  object-fit: contain;
}
.avatar-bx {
  width: 100%;
  float: left;
  border-radius: 10px;
  background: #eee;
  align-items: center;
  text-align: center;
  overflow: hidden;
  height: 66%;
}
.avatar-bx img {
  width: 100%;
}
.avatar-bx:nth-child(n) {
  background: #f2d064;
  /* margin-right: 8px; */
  margin: 0px 8px;
}
.avatar-bx:nth-child(2n) {
  background: #28aca6;
  margin: 0px 8px;
}
/* .avatar-bx:nth-child(3) {
background: #E8AEF4;
margin: 0px 8px;
}
.avatar-bx:nth-child(4) {
background: #70A3EE;
margin-left: 8px;
} */

/*------------------------------------------------------*/
/*=================== WELCOME SECTION ==================*/

.welcome-messages {
  width: 100%;
  float: left;
  height: 100vh;
  background-color: #292d31;
}
.welcome-Box {
  width: 100%;
  float: left;
  height: 100%;
  align-content: center;
  display: grid;
  position: relative;
  background-color: #292d31;
}
.cont-pading {
  padding-left: 20px;
  float: left;
  width: 100%;
  /* margin-top: 5%; */
}
.logo-wlcm {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.logo-wlcm img {
  width: 100px;
}
.logo-coin {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.logo-coin img {
  width: 200px;
}
.welcome-Box h1 {
  background: linear-gradient(
    101.75deg,
    #ffffff 1%,
    rgba(255, 255, 255, 0) 148.71%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 36px;
  font-family: "futura-heavy";
  float: left;
  width: 70%;
  margin-top: 10px;
  margin-bottom: 25px;
}
.welcome-Box h5 {
  color: #fff;
  font-family: "Manrope";
  font-size: 14px;
  float: left;
  width: 75%;
  margin-bottom: 15px;
  opacity: 0.8;
  font-weight: 500;
  line-height: 26px;
}
.mob-form {
  width: 100%;
  float: left;
  padding: 0px 15px;
}

.check-terms .form-check {
  margin-top: 26px;
}
.check-terms {
  position: absolute;
  /* top: 65vh; */
  transform: translate(-50%, -50%);
  left: 50%;
  width: 90%;
}
.check-terms .form-check-input:checked {
  background-color: transparent;
}
.check-terms .form-check-input[type="checkbox"]:checked:after {
  border-color: #cc0101;
  background-color: #cc0101;
}
.check-terms .form-check-input:checked {
  background-color: #cc0101;
  border-color: #cc0101;
}
.check-terms .form-check-input[type="checkbox"]:checked {
  background-color: #443939ad;
}
.check-terms .form-check-input:checked:focus:before {
  box-shadow: 0 0 0 13px #cc0101;
}
.check-terms .form-check-input[type="checkbox"]:after {
  background: transparent;
  border-color: #fff;
}
.check-terms .form-check-input {
  --bs-form-check-bg: transparent;
  border: 1px solid #ffffff75;
}
.check-terms label {
  color: #ffffff85;
  font-family: "Manrope";
  font-size: 12px;
}
.check-terms .form-check-input:focus {
  box-shadow: 0 0 0 0.25rem #cc010145;
}
.check-terms label a {
  color: #fff;
  font-weight: 500;
}
.form-field:focus {
  background: transparent;
  color: #fff;
  box-shadow: 0 0 0 0.25rem #cc010145;
  border-color: #cc010145 !important;
}

/*--------------------------------------------------------------*/
/*===================== ENTER OTP ==============================*/

.otp-Box {
  height: 100%;
  width: 100%;
  float: left;
  align-content: center;
  display: grid;
  text-align: center;
}
.otpImg {
  width: 100%;
  float: left;
  margin-bottom: 50px;
}
.otpImg img {
  width: 55%;
}
.enterOtp {
  width: 100%;
  float: left;
  justify-content: center;
  display: flex;
}
.otp-Box h3 {
  color: #fff;
  font-size: 14px;
  font-family: "Manrope";
  font-weight: 500;
}
.otp-Box h5 {
  color: #fff;
  font-family: "Manrope";
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 30px;
}
.timer-box {
  width: 100%;
  float: left;
}
.inputNo {
  width: 56px;
  /* margin: 0px 9px; */
}
#countdown {
  font-size: 12px;
  color: #fff;
  font-weight: 300;
  font-family: "Manrope";
}
.inputNo .form-field:focus {
  background-color: #fff;
  color: #333;
}
.inputNo input {
  text-align: center;
}
.re-snd {
  color: #ffffff85;
  font-family: "Manrope";
  font-size: 12px;
}
.re-snd a {
  color: #fff;
}

/*-----------*/

.search-canvas {
  width: 100% !important;
  float: left;
}
#userProfile {
  padding: 0px;
}
#userProfile .offcanvas-body {
  margin-top: 0px;
}

.fight-section {
  background: #171d24;
  padding: 20px 0px;
}
.banerLink {
  width: 100%;
  float: left;
  position: relative;
}
.contst-banr {
  position: absolute;
  top: 0px;
  width: 62%;
  padding: 30px;
  align-items: center;
  height: 100%;
}
.contst-banr h2 {
  font-family: "futura-heavy" !important;
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
}
.contst-banr h5 {
  color: #fff;
  font-family: "Manrope";
  font-size: 16px;
}
.contst-banr .play-slide-btn {
  background: #fff;
  padding: 14px 32px;
  box-shadow: 0px 4px 8px #33333347;
}
.subscription-tabs-ul ul li button:hover {
  color: #fff;
}
.form-section input {
  color: #ffffffb8;
  font-family: "futura-medium";
  /* font-family: 'Manrope'; */
  font-weight: 500;
}
/* .inputNo input {
text-align: center;
color: #333;
} */
.inputNo input {
  text-align: center !important;
  color: #333 !important;
  border-radius: 50% !important;
  width: 56px !important;
  margin: 0px 9px !important;
}
.inputNo .form-field {
  border-radius: 50%;
}
.logImg img {
  width: 100%;
}
.edit-Image img {
  width: 100%;
}

.inputNo1 .form-field {
  width: 56px !important;
  height: 56px;
  border-radius: 50%;
  margin-left: 5px;
  margin-right: 5px;
  color: #fff;
}
/* .inputNo1 .form-field:visited{
  background-color: #fff !important;
  color: #000;
} */

a.offer-togle:hover {
  color: #cc0101;
}
.go-stps li a {
  color: #cc0101;
  font-weight: 600;
}

.btn-claim:hover {
  background: #cc0101;
  border-color: #cc0101;
}
.srch-nme {
  margin-top: 12px;
  width: 100%;
  float: left;
}
.recrDsk {
  display: none;
}
/* --- default card pd0 start --- */

.play-slider.pd-0card {
  padding: 0px;
}
.play-slider.pd-0card .game-image {
  margin-bottom: 0px;
}
.play-slider.pd-0card .game-detal {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  background: #333;
  height: 40px;
  border-radius: 0px 0px 10px 10px;
}
.play-slider.pd-0card .game-detal h3 {
  padding: 0px 10px;
}
.play-slider.pd-0card .game-image {
  margin-bottom: 0px;
  height: 120px;
  border-radius: 10px 10px 0px 0px;
}
.fixed-head li.nav-item.active a {
  color: #ffffff !important;
  background: #ffffff3b;
  border-radius: 30px;
}
.fixed-head li.nav-item a:hover {
  color: #ffffff !important;
  background: #ffffff3b;
  border-radius: 30px;
}
.form-section textarea.form-field:focus {
  color: #fff !important;
  font-weight: 300;
}
.icnG-hub {
  position: relative;
  top: 2px;
}
.uplAvtr img {
  padding: 8px;
  position: relative;
  top: 3px;
  width: 84%;
}
.uplAvtr {
  margin-left: 16px;
}
.play-slide-btn:hover,
.play-slide-btn:focus {
  background: #cc0101;
  color: #fff !important;
}
.letPlay-1:hover,
.letPlay-1:focus {
  background: #cc0101;
  color: #fff !important;
}
.letPlay:hover,
.letPlay:focus {
  background: #cc0101;
  color: #fff !important;
}
.go-stps ul li a {
  color: #cc0101 !important;
}
.modal-game .btn-close {
  background: #fff;
  color: #000;
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 999;
}
.modal-game .btn-close i {
  position: relative;
  top: -2px;
}

.icon-container {
  display: flex;
  justify-content: center; /* Center the icons horizontally */
  align-items: center; /* Center the icons vertically */
  gap: 20px; /* Space between each icon item */
  /* margin-top: 50px; Adjust as needed for vertical centering */
}

.icon-item {
  display: flex;
  flex-direction: column;
  align-items: center; /* Center the icon and text vertically */
}

.icon-circle {
  background-color: white;
  border-radius: 50%;
  width: 45px; /* Adjust size as needed */
  height: 45px; /* Adjust size as needed */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px; /* Space between icon and text */
}

.icon-text {
  color: white; /* Color of the text */
  font-size: 14px; /* Size of the text */
  text-align: center;
}

/* Style the icons as needed */
.icon-circle .svg-inline--fa {
  color: black;
  font-size: 30px;
}

/*=============== RESPONSIVE =========================*/

@media only screen and (max-width: 767px) {
  .main-slider-box {
    height: 480px;
  }
}

@media only screen and (max-width: 768px) {
  .home-screen {
    padding-bottom: 80px;
  }
  .gameHub-screen {
    padding-bottom: 50px;
  }
  .rewards-screen {
    padding-bottom: 50px;
  }
  .desk-ul-top {
    display: none;
  }
  .logo-deck {
    margin-right: auto;
  }
  .logo-deck img {
    width: 40px;
    margin-top: 5px;
  }
  .swiper.mob3dSwiper {
    width: 100%;
    margin-top: 60px;
    overflow: hidden;
  }
  .mob3dSwiper .swiper-slide img {
    display: block;
    width: 100%;
    border-radius: 20px;
  }
  .mob-Overlay {
    background: rgb(2, 0, 36);
    /* background: linear-gradient(180deg, rgba(2,0,36,0) 37%, rgba(0,0,0,1) 77%); */
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0) 36%
    );
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    display: block;
    border-radius: 20px;
  }
  .mob3dSwiper .slider-top-cont h2 {
    font-size: 33px;
  }

  .mob3dSwiper .slider-top-cont .play-slide-btn {
    padding: 14px 30px;
    font-size: 14px;
  }
  .mob3dSwiper .slider-top-cont {
    position: absolute;
    bottom: 10%;
    top: unset;
    left: 0px;
    width: 100%;
    padding: 0px 20px;
  }
  .mob3dSwiper .swiper-cube .swiper-cube-shadow {
    bottom: 24px !important;
  }
  .mob3dSwiper .swiper-slide {
    margin-top: 30px;
  }
  /*.dn-l{
display: block !important;
}*/
  .dn-s {
    display: none !important;
  }

  .battleBig-slider .swiper-slide.swiper-slide-active {
    width: 200px !important;
  }
  .battleBig-slider .swiper-slide.swiper-slide-active .btlgame-image {
    height: 190px !important;
  }
  .battleBig-slider .swiper-slide {
    width: 100px !important;
    transform: none !important;
  }
  .battleBig-slider .swiper-slide .btlgame-image {
    height: 88px !important;
  }
  .battleBig-slider {
    margin-top: 20px;
  }
  .battleBig-slider .swiper-slide.swiper-slide-active .btlgame-image h3 {
    display: block;
    text-shadow: 2px 4px 9px #333;
  }
  .battleBig-slider .swiper-slide.swiper-slide-active .letPlay {
    display: block;
  }
  .battleBig-slider .swiper-slide.swiper-slide-active .fullblack-Overlay {
    background: #00000047;
  }
  /* .desk-baner{
display: none;
} */
  .reward-eclips-desk,
  .reward-gift {
    display: none;
  }
  .expireTag {
    display: none;
  }
  .result-bg-dsk {
    display: none;
  }
  .card-month h2 b {
    display: none;
  }
  .subs-btn-dsk {
    display: none;
  }
  .back-screen-header {
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .reward-dt-eclips-desk {
    display: none;
  }

  /*--- desk login ---*/

  .about-icon2 {
    display: none;
  }
  .icon-girl {
    display: none;
  }
  .screen404 {
    background: #08101a;
    background-image: url(../images/bg404.jpg);
    background-size: cover;
  }
  .alertImg img {
    width: 70%;
  }

  .rewards-screen .searchBox {
    width: 100%;
    margin-top: 70px;
  }

  .rewardDetail1 {
    margin-top: 50px;
    margin-bottom: 80px;
  }

  .rewards-box {
    margin: 14% 0 12%;
  }
  .subscription-screen .back-Link i {
    color: #000;
    position: relative;
    left: 4px;
  }
  .subscription-screen .back-Link {
    background: #ffffffd6;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #333;
  }
  .desk-baner img {
    width: 42%;
    float: right;
  }
  .subs-cardBox {
    /* width: 60%;
    margin-left: 20%; */
  }
  .subscription-section {
    margin-top: 85px;
  }
  .mob3dSwiper .swiper-slide img {
    height: 450px !important;
  }
  .viewAll-box .play-slider:nth-child(odd) {
    margin-right: 0px;
  }
  .viewAll-box .play-slider:nth-child(even) {
    margin-right: 4%;
  }
  .viewAll-box .play-slider {
    width: 48%;
  }
  .rewards-screen .fixed-div {
    bottom: 56px;
  }
  .language-screen .fixed-div {
    bottom: 56px;
  }
  .homse-screen .fixed-div {
    bottom: 56px;
  }
  .gameHub-screen .fixed-div {
    bottom: 56px;
  }
  /* .default-screen{
  padding-bottom: 50px;
} */
  .paddingBottom {
    padding-bottom: 100px;
  }
  .trendGame-bg .game-detal {
    height: 48px;
  }

  .trendGame-bg .game-detal h3 {
    font-size: 14px;
  }
  .chose-avatar .avatar-bx.active {
    border: 4px solid #fff;
    flex: 0.8 0 3% !important;
  }
  .chose-avatar .avatar-bx.active img {
    bottom: -2px;
  }
}

/* =========================================== */

@media only screen and (min-width: 769px) {
  /*.sideMneu{
display: none;
}*/
  .footer-fixed {
    position: relative;
    bottom: unset;
    left: unset;
    width: 100%;
    background: none;
    box-shadow: none;
    height: unset;
    z-index: unset;
    float: left;
    margin-top: 50px;
  }
  .dn-l {
    display: none !important;
  }
  /*.dn-s{
display: block !important;
}*/
  .notification-user {
    width: 15px;
    height: 15px;
    padding-left: 5px;
    line-height: 15px;
    top: 0;
  }
  /*.desk-userProfile{
position: relative;
}*/
  .desk-userProfile .dropdown-menu.show {
    display: block;
    position: absolute !important;
    background: #2c3035;
  }
  .desk-userProfile {
    overflow: unset;
  }
  .menu-right .desk-userProfile .dropdown-menu li {
    margin-left: 0px;
  }
  .desk-userProfile li a {
    color: #fff;
    font-family: "futura-demi";
    text-transform: uppercase;
    padding: 10px 40px 10px 20px;
    font-size: 14px;
  }
  .desk-userProfile .dropdown-menu li a:hover {
    background: #141414 !important;
    color: #fff;
  }
  .desk-userProfile .dropdown-menu li a:focus {
    background: #141414 !important;
    color: #fff;
  }
  .desk-userProfile li a img {
    width: 25px;
    margin-right: 15px;
  }
  .desk-userProfile li a i {
    margin-right: 20px;
    margin-left: 5px;
  }
  .desk-userProfile .dropdown-menu[data-bs-popper] {
    left: unset;
    right: 0px;
  }
  .avatar-alert {
    margin: 10% 10% 0;
  }
  /*---- translate --*/

  .translate-li .dropdown-menu.show {
    display: block;
    position: absolute !important;
    background: #2c3035;
  }
  .translate-li {
    overflow: unset;
  }
  .translate-li a i {
    color: #fff;
    font-size: 20px;
  }
  .menu-right .translate-li .dropdown-menu li {
    margin-left: 0px;
  }
  .translate-li li a {
    color: #fff;
    font-family: "futura-demi";
    text-transform: uppercase;
    padding: 10px 40px 10px 20px;
    font-size: 14px;
  }
  .translate-li .dropdown-menu li:hover {
    background: #141414 !important;
    color: #fff;
  }
  .translate-li .dropdown-menu li a:focus {
    background: #141414 !important;
    color: #fff;
  }
  .translate-li .dropdown-menu[data-bs-popper] {
    left: unset;
    right: 0px;
  }
  .translate-li .dropdown-menu li {
    color: #fff;
    font-family: "futura-demi";
    text-transform: uppercase;
    padding: 10px 20px;
    font-size: 15px;
  }
  .translate-li .dropdown-menu li input {
    margin-right: 15px;
  }
  .translate-li .dropdown-menu li .form-check-input:checked {
    background-color: transparent;
    border-color: #fff !important;
  }
  li.nav-item.active a {
    color: #cc0101 !important;
  }
  .dropdown-menu .active a {
    color: #cc0101 !important;
  }
  .translate-li .dropdown-menu li .form-check-input:focus {
    box-shadow: 0 0 0 0.25rem #cc010129;
  }
  .translate-li a {
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 8px 9px 9px;
    position: relative;
    top: 4px;
  }
  .subscribe-li a {
    background: #fff;
    border-radius: 30px;
    padding: 9px 20px;
    color: #cc0101;
    font-size: 15px !important;
  }
  .userProfile-li .userProfile {
    height: 40px;
    width: 40px;
  }
  .searchOpen-li a i {
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 4px;
  }

  .search-field {
    background-color: transparent;
    background-size: 24px 24px;
    border: none;
    cursor: pointer;
    height: 40px;
    margin: 3px 0;
    padding: 0 0 0 5px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition: width 400ms ease, background 400ms ease;
    width: 0px;
    cursor: pointer;
  }
  .search-field:focus {
    background-color: transparent;
    border: 1px solid #ffffff78;
    cursor: text;
    outline: 0;
    width: 120px;
    color: #fff;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    font-family: "futura-demi";
  }
  .search-form .search-submit {
    display: none;
  }
  .search-canvas {
    min-height: 100vh;
    padding-top: 100px;
  }
  .gamesSearchBox {
    width: calc(100% - 100px);
    margin-left: 100px;
  }
  .search-games-link i {
    margin-right: 5px;
    font-size: large !important;
  }
  .search-games-link {
    margin-top: 10px !important;
    color: white;
  }
  .games-search-box {
    margin-top: 35px !important;
  }
  .profile-link i {
    margin-right: 5px;
    font-size: large !important;
  }
  .deskSearch .search-field:after {
    content: "\F52A";
    font-family: bootstrap-icons !important;
    display: inline-block;
    width: 30px;
    height: 30px;
  }
  .deskSearch label {
    position: relative;
  }
  .deskSearch label i {
    color: #fff;
    font-size: 20px;
    position: absolute;
    right: 0px;
    top: 5px;
  }
  .home-screen {
    background-size: inherit;
    background-image: none;
  }
  .game-image {
    height: 130px;
  }
  .game-detal .icnPlay i {
    font-size: 35px;
  }
  .game-detal h3 {
    font-size: 20px;
    height: 52px;
  }
  .heading-1 {
    font-size: 24px;
    margin-top: 40px;
    z-index: 2;
  }
  .heading-2 {
    font-size: 24px;
    margin-top: 40px;
    letter-spacing: 15px;
  }
  .explore-bg {
    padding: 50px 0px;
    margin-top: 50px;
    background-size: auto;
  }
  .explore-slider {
    margin-top: 58px;
  }
  .circle-slider h3 {
    font-size: 21px;
  }
  .racing-bg {
    background-image: url(../images/bg_racing-lg.png);
    height: 450px;
  }
  .next-race {
    position: absolute;
    right: 0;
    top: unset;
  }
  .racing-Desk {
    position: relative;
    margin-top: -370px;
  }
  .racing-Desk .heading-2 {
    margin: 70px 0px;
  }
  .raceLong-card {
    height: 330px;
  }
  .img-sm {
    width: 60px;
    height: 60px;
    border-radius: 20%;
    min-width: 60px;
    background-origin: border-box;
  }
  .img-og {
    width: 60px;
    height: 60px;
    border-radius: 20%;
    min-width: 60px;
    background-origin: border-box;
    /* position: absolute;
  bottom: 0; */
  }
  .rc-card-name h3 {
    font-size: 21px;
  }
  .next-race img {
    width: 50px;
  }
  .racerdesk-slider {
    width: 100%;
  }
  .trending-slider .game-detal h3 {
    height: 52.5px;
  }
  .advn-slider-desk {
    margin-top: 18px;
  }
  .bg-eclips-desk {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
  }
  .advn-desk {
    position: relative;
  }
  .big-circle {
    display: none;
  }
  .battleBig-slider {
    margin: 20px 0px 50px;
  }
  .battleBig-slider .swiper-slide .btlgame-image h3 {
    display: block;
    text-shadow: 2px 4px 9px #333;
    font-size: 21px;
  }
  .battleBig-slider .swiper-slide .fullblack-Overlay {
    background: #00000047;
  }
  .fight-section {
    background: #171d24;
    padding: 0px 0px 40px;
    margin-bottom: 0px;
  }
  .brainTeas-bg {
    background-image: url(../images/rectangle-bg-lg.png);
  }
  .contst-banr h2 {
    font-size: 60px;
    margin-top: 0px;
  }
  .contst-banr h5 {
    font-size: 20px;
    width: 70%;
    margin-bottom: 20px;
  }

  /*--- footer ---*/
  /*
.social-foter {
width: 100%;
float: left;
}*/
  .social-foter,
  .footer-menu,
  .app-store-box,
  .copyRight {
    width: 100%;
    float: left;
  }
  .social-foter ul {
    list-style-type: none;
  }
  .social-foter ul li {
    display: inline-block;
    padding-right: 10px;
  }
  .social-foter ul li a {
    background: #3e454c;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    padding-top: 4px;
  }
  .social-foter ul li a i {
    color: #fff;
    font-size: 14px;
  }
  a.nav-link:hover {
    color: #cc0101 !important;
  }
  .footer-menu .navbar-nav {
    text-align: center;
    display: block;
  }
  .footer-menu li {
    display: inline-block;
    padding: 0px 12px;
  }
  .footer-menu li a {
    color: #fff !important;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "futura-heavy";
  }
  .footer-menu li a:hover,
  .footer-menu li a:focus {
    color: #cc0101;
  }
  .footer-menu li .dropdown-menu {
    position: static;
    background: #2c3035 !important;
  }
  .footer-menu li .dropdown-menu li {
    padding: 0px;
    display: block;
  }
  .footer-menu li .dropdown-menu li a {
    color: #fff;
    font-family: "futura-demi";
    text-transform: uppercase;
    padding: 10px 40px 10px 20px;
    font-size: 14px;
  }
  .footer-menu li .dropdown-menu li a:hover {
    background: #141414 !important;
    color: #fff;
  }
  .app-store-box a {
    display: inline-block;
    float: right;
    margin-left: 5px;
  }
  .app-store-box a img {
    width: 124px;
  }
  .copyRight {
    padding: 15px 0px 40px;
  }
  .devBy {
    text-align: left;
    width: 50%;
    float: left;
    color: #ffff;
    font-family: "Manrope";
    font-size: 15px;
  }
  .devBy i {
    font-size: 12px;
    padding-right: 5px;
  }
  .creatBy {
    width: 50%;
    float: left;
    text-align: right;
    color: #fff;
    font-family: "Manrope";
    font-size: 15px;
  }
  .creatBy a {
    text-decoration: none;
    color: #fff;
  }
  .gameHub-screen {
    background: #08101a;
    background-image: url(../images/vector-bg-lg.png);
    background-repeat: no-repeat;
  }
  .fullgame-image {
    height: 260px;
  }
  .fullslider {
    margin: 30px 0px;
  }
  .branTeas-hub-bg {
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
    padding-bottom: 40px;
  }
  .sm-circle-hub {
    position: absolute;
    left: 0px;
  }
  .rewards-screen {
    background: #08101a;
    background-image: url(../images/vector-bg-lg.png);
    background-repeat: no-repeat;
  }
  .desk-baner {
    width: 60%;
    float: left;
    margin-top: 5%;
  }
  .desk-baner img {
    width: 47%;
    float: right;
  }
  .rewards-box {
    width: 40%;
    margin: 6% 0 16%;
  }
  .rewards-box h1 {
    font-size: 85px;
    letter-spacing: 10px;
  }
  .rewards-box p {
    font-size: 18px;
  }
  .reward-eclips-desk {
    position: absolute;
    left: 0px;
    top: -210px;
    z-index: 1;
    width: 15%;
  }
  .reward-gift {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    width: 15%;
  }
  .box-reword {
    position: relative;
    top: -50px;
  }
  .rewards-card-box {
    z-index: 2;
    position: relative;
  }
  .rewardImg {
    width: 100%;
    height: 146px;
    margin-bottom: 20px;
  }
  .reward-info {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 10px;
  }
  .rewards-card {
    margin-bottom: 25px;
  }
  .reward-info h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .reward-info h5 {
    width: 100%;
    float: left;
    opacity: 1;
    color: #ccc;
  }
  .expire-dt {
    /* top: -2px; */
    opacity: 1;
    width: 100%;
    float: left;
    color: #ccc;
    margin-top: 5px;
    background: rgb(51, 51, 51);
    background: linear-gradient(
      90deg,
      rgba(51, 51, 51, 1) 0%,
      rgba(51, 51, 51, 0) 61%
    );
  }
  .default-screen {
    background: #08101a;
    background-image: url(../images/vector-bg-lg.png);
    background-repeat: no-repeat;
  }

  .rewardImg-detail {
    background-size: cover;
    height: 180px;
    width: 40%;
    border-radius: 10px;
    float: left;
    margin-top: 20px;
  }
  .rewards-card-detail {
    background: transparent;
    width: calc(60% - 30px);
    float: left;
    margin-left: 30px;
  }
  .rewards-card-detail p {
    font-weight: 500;
  }
  /* .fixed-div{
display: none;
} */
  .rewardDetail {
    min-height: 59vh;
  }
  .back-Link {
    color: #fff;
    font-family: "Manrope";
  }
  .back-Link i {
    font-size: 14px;
  }
  .rewards-card-detail .submit-btn {
    position: unset;
    width: 100%;
    float: left;
    margin-top: 30px;
  }
  .offer-togle {
    font-weight: 600;
  }
  .savepaisa {
    font-size: 15px;
  }
  .expireTag {
    float: right;
    background: #fff;
    color: #cc0101;
    padding: 7px 20px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 20px;
    position: relative;
    top: -4px;
  }
  .expire-dt-detail {
    margin-top: 27px;
  }
  .reward-dt-eclips-desk {
    position: absolute;
    left: 0px;
    z-index: 1;
    width: 11%;
  }
  .rewardDetail {
    position: relative;
  }

  /*--- search screen ---*/

  .searchResult-screen {
    background: #08101a;
    background-image: url(../images/vector-bg-lg.png);
    background-repeat: no-repeat;
  }
  .searchResult-screen .img-sm {
    display: none;
  }
  .searchResult-screen .rc-card-name {
    bottom: 20px;
  }
  .searchResult-screen .swiper {
    margin-top: 20px;
  }
  .bg-eclips-search-rlt-desk {
    position: absolute;
    left: 0px;
    top: 20%;
  }
  .result-bg-dsk {
    position: absolute;
    top: 0px;
  }
  .searchResult-screen .heading-1 {
    margin-top: 100px;
  }
  .subscription-screen {
    background: #08101a;
    background-image: url(../images/subscription-dsk.png);
    background-size: cover;
    background-repeat: no-repeat;
  }

  /*---- subscription ---*/

  .subscription-section {
    /* margin-top: 30px; */
  }
  .subscription-box h1 {
    font-size: 50px;
    width: 50%;
    margin-left: 25%;
    line-height: 60px;
  }
  .go-awy li {
    font-size: 24px;
    background-color: #ed9400;
    padding: 5px 10px;
    border-radius: 10px;
    font-weight: bold;
  }
  .subscription-tabs {
    width: 35%;
    margin-left: 32.5%;
  }
  /* .subscription-tabs {
width: 70%;
margin-left: 15%;
} */
  .card-month h2 b {
    padding-left: 10px;
  }
  .mnth {
    display: none;
  }
  .card-month h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 40px;
  }
  .card-month h4 b {
    font-weight: 700;
    font-size: 30px;
  }
  .card-month h4 i {
    font-size: 30px;
  }

  .card-month h2 {
    font-size: 34px;
    margin-top: 50px;
    margin-bottom: 10px;
  }
  .card-month {
    height: unset;
    padding: 0px;
  }
  .dsk-pinfo {
    margin-top: 0px;
    background: #2c3035;
    overflow: hidden;
    padding: 30px;
  }
  .card-month .subs-btn-dsk {
    background: #2c3035;
    width: 100%;
    float: left;
    padding: 0px 30px 30px 30px;
    border-radius: 0px 0px 25px 25px;
  }
  .card-month .subs-btn-dsk .submit-btn {
    position: unset;
    width: 100%;
  }
  .recomand-usr {
    font-size: 20px;
    padding: 10px 22px;
  }
  .card-month .subs-btn-dsk .submit-btn {
    background: #4c272b;
    color: #ffffff52;
  }

  .card-month.active .subs-btn-dsk .submit-btn {
    background: #cc0101;
    color: #fff;
  }

  /*------ 404 page ---*/

  .screen404 {
    background: #08101a;
    background-image: url(../images/bg404.jpg);
    background-size: cover;
  }
  .screen404 .alertImg {
    margin-bottom: 40px;
  }
  .screen404 .alertImg img {
    padding-left: 13%;
    width: 54%;
  }
  .screen404 .messageBox-alert h1 {
    background: unset !important;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    color: #fff;
    font-size: 45px;
  }
  .screen404 .messageBox-alert h5 {
    font-size: 22px;
  }
  .screen404 .messageBox-alert .submit-btn {
    position: inherit;
    width: 30%;
    margin: 0px auto;
    margin-top: 20px;
  }
  .sideMneu {
    display: none;
  }
  .social-foter ul li a:hover {
    background: #cc0101;
  }
  .menu-right .userProfile-li:after {
    display: inline-block;
    color: #fff;
    position: absolute;
    top: 20px;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    right: -12px;
  }
  /*------ 404 page ---*/

  .no-result-screen {
    background: #08101a;
    background-image: url(../images/bg404.jpg);
    background-size: cover;
  }
  .no-result-screen .alertImg {
    margin-bottom: 40px;
  }
  .no-result-screen .alertImg img {
    padding-top: 10%;
    width: 30%;
  }
  .no-result-screen .messageBox-alert h1 {
    background: unset !important;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    color: #fff;
    font-size: 45px;
  }
  .no-result-screen .messageBox-alert h5 {
    font-size: 22px;
  }
  .no-result-screen .messageBox-alert .submit-btn {
    position: inherit;
    width: 30%;
    margin: 0px auto;
    margin-top: 20px;
  }
  /*---- profile ---*/

  .uplAvtr img {
    width: 86%;
  }
  .single-fixed-height {
    height: auto;
    margin-bottom: 0px;
    margin-top: 125px;
    margin-bottom: 80px;
  }
  .aboutus-fixed-height {
    height: auto;
    margin-bottom: 0px;
    margin-top: 125px;
    margin-bottom: 80px;
  }
  .profile-head {
    border-radius: 10px;
    margin-top: 20px;
    z-index: 2;
    position: relative;
  }
  .lbl {
    font-size: 14px;
  }

  .user-deskInput-h {
    width: 50%;
    float: left;
    padding: 0px 15px;
    margin-bottom: 10px;
  }
  .user-deskInput-full {
    width: 100%;
    float: left;
    padding: 0px 15px;
    margin-bottom: 20px;
  }
  .profile-dsk .submit-btn {
    position: inherit;
    width: 100%;
  }
  .edit-prof {
    right: 24%;
  }
  label[for="file-upload"].edit-prof {
    right: 10%;
  }
  .submit-cancel-btn {
    background: transparent;
    padding: 13px 14px;
    border-radius: 40px;
    width: 100%;
    border: none;
    color: #fff;
    font-size: 16px;
    font-family: "Manrope";
    font-weight: 600;
    box-sizing: border-box;
    border: 1.5px solid #fff;
  }
  .reward-dt-eclips-desk {
    display: none;
  }
  /*----- modal ---*/

  .modal.modal-game {
    background: #08101ae3 !important;
  }
  .modal-game .modal-content {
    background: transparent;
  }
  .modal-avatar-cont {
    width: 100%;
    float: left;
  }
  .modal-avatar-cont .profile-head {
    width: 24%;
    margin-left: 38%;
  }
  .modal-avatar-cont .heading-5 {
    font-size: 26px;
  }
  .modal-avatar-cont .default-box {
    width: 100%;
    float: left;
  }
  .modal-avatar-cont .chose-avatar {
    width: 50%;
    margin-left: 25%;
  }
  .modal-avatar-cont .avatar-bx {
    border-radius: 10px;
  }
  .modal-avatar-cont .avatar-bx.active {
    border: 4px solid #fff;
    flex: 0.8 0 3% !important;
  }
  .modal-avatar-cont .avatar-bx.active img {
    bottom: -2px;
  }
  .avtar-modal-actinBtn button {
    position: unset;
    width: 45.1%;
    float: left;
    margin: 0px 15px;
  }

  .avtar-modal-actinBtn {
    width: 80%;
    float: left;
    margin: 30px 10% 0px;
  }
  .modal-avatar-cont .btn-close {
    background: #fff;
    opacity: 1;
    position: absolute;
    right: 0px;
    /* top: -50px; */
    color: #333;
  }
  .modal-avatar-cont .btn-close i {
    position: relative;
    top: -2px;
    color: #000;
  }
  .modal-avatar-cont .avatar-bx img {
    position: relative;
    bottom: -8px;
  }
  .modal-game.login-bg-modal .modal-avatar-cont {
    background: #08101a;
    background-image: url(../images/bg-login.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top !important;
    width: 100%;
    float: left;
    border-radius: 15px;
  }
  .modal-game.login-bg-modal .modal-avatar-cont .cont-pading {
    margin-top: 0px;
    padding: 60px 40px 20px 40px;
  }
  .modal-game.login-bg-modal .modal-avatar-cont .welcome-Box h1 {
    width: 100%;
  }
  .modal-game.login-bg-modal .modal-avatar-cont .welcome-Box h5 {
    width: 100%;
  }
  .modal-game.login-bg-modal .modal-avatar-cont .mob-form {
    padding: 0px 40px 40px;
  }
  .check-terms {
    position: unset;
    bottom: unset;
    transform: unset;
    left: unset;
    width: 100%;
    float: left;
  }
  .modal-defaultBx {
    width: 100%;
    float: left;
    padding: 0px 40px 20px 40px;
  }
  .modal-defaultBx .submit-btn {
    position: inherit;
    width: 100%;
  }
  .modal-game.login-bg-modal .modal-avatar-cont .mob-form {
    padding: 0px 40px 20px;
  }
  .modal-dialog.modal-dialog-centered.modal-custom {
    min-width: 540px;
  }
  .inputNo .form-field:valid {
    background: #fff;
  }
  .inputNo input:visited {
    background: #fff;
  }
  .inputNo input div {
    display: none;
  }
  /* .modal.show .modal-dialog{
  top:5%;
} */

  /*---- enter otp -----*/

  .modal-avatar-cont .welcome-messages {
    height: unset;
  }
  .modal-avatar-cont .otp-Box {
    padding: 60px 40px 20px 40px;
    text-align: left;
  }
  .modal-avatar-cont .otpImg img {
    width: 170px;
  }
  .modal-avatar-cont .otpImg {
    margin-bottom: 30px;
  }
  .modal-avatar-cont .otp-Box h3 {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 20px;
  }
  .modal-avatar-cont .otp-Box h5 {
    font-size: 14px;
  }

  .modal-avatar-cont .enterOtp {
    justify-content: initial;
    margin-bottom: 20px;
  }
  .modal-avatar-cont #countdown {
    font-size: 14px;
    font-weight: 600;
  }
  .modal-avatar-cont .re-snd {
    font-size: 14px;
    margin-bottom: 20px;
  }

  /*--- about ----*/

  .about-screen {
    background: #08101a;
    background-image: url(../images/about-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
  }

  .about-box {
    width: 60%;
  }
  .about-box h1 {
    font-size: 54px;
    margin-top: 40px;
  }
  .logo-lBx {
    display: none;
  }
  .pera-about {
    width: 100%;
  }
  .about-box p {
    font-size: 20px;
  }
  .icon-girl {
    width: 40%;
    float: left;
    margin-top: 16%;
  }
  .icon-girl img {
    width: 100%;
  }
  .help-img {
    width: 50%;
    float: left;
  }
  .help-img img {
    width: 70%;
  }
  .form-section {
    width: 50%;
    background: #282c31;
    padding: 40px;
    border-radius: 20px;
  }
  #userProfile .form-section {
    width: 100%;
  }
  .user-deskInput-h .submit-btn {
    margin-top: 0px !important;
  }
  .form-section h1 {
    color: #fff;
    font-size: 50px;
    margin-bottom: 30px;
  }
  .form-section .submit-btn {
    position: unset;
    width: 100%;
    margin-top: 30px;
  }
  .form-section textarea.form-field {
    height: 56px;
    border-radius: 30px;
    font-weight: 300 !important;
    color: #fff;
    font-family: manrope;
  }
  .helpdck {
    margin-top: 160px;
  }
  .viewAll-box {
    margin-top: 40px;
  }
  .viewAll-box .play-slider {
    width: 22.6%;
    margin-left: 15px;
    margin-bottom: 30px;
  }

  .viewAll-box .play-slider:nth-child(even) {
    margin-left: 0px;
  }
  .desk-ul-top li a:focus {
    color: #fff;
  }
  .emptyDiv {
    height: 80vh;
  }
  .modal-defaultBx .spinner-border {
    width: 1.2rem !important;
    height: 1.2rem !important;
  }
  .dsk-avatar-chng {
    background-image: none;
    min-height: auto !important;
  }
  .dsk-avatar-chng .single-fixed-height {
    margin-top: 5%;
    margin-bottom: 0px;
  }
  .rew-search {
    width: 100%;
    float: left;
    margin-top: 110px !important;
  }

  .rew-search .searchBox {
    width: 100%;
  }
  .recrDsk {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    /* font-family: 'Manrope'; */
    font-family: "futura-demi";
    /* font-weight: 600; */
    margin-bottom: 30px;
    display: block;
  }
}

@media (min-width: 576px) {
  .container-grid {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-grid {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-grid {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-grid {
    max-width: 1140px;
  }
  .btlgame-image {
    height: 234px !important;
    width: 234px !important;
  }
  .btl-main .swiper-slide.swiper-slide-active {
    margin-top: 50px;
  }
}

@media only screen and (width: 768px) {
  .slider-top-cont h2 {
    font-size: 39px;
  }
  .edit-prof {
    right: 41%;
  }
  .rewardImg {
    width: 100%;
  }
  .reward-info {
    width: 100%;
    margin-left: 0px;
    margin-top: 10px;
  }
  .rewardImg-detail {
    background-size: 33% !important;
    background-size: cover;
    height: 164px;
    width: 100%;
    background-position: center;
    border-radius: 24px 24px 0px 0px;
    background-repeat: no-repeat;
    background-color: #fff;
  }
  .next-race {
    right: -40px;
  }
  .brainTeas-bg {
    background-size: 100%;
  }
  .btl-main .swiper-slide.swiper-slide-active {
    margin-top: 50px;
  }
  /* .btlgame-image{
  height: 218px;
}
.battleBig-slider .swiper-slide .btlgame-image{
  height: 218px;
} */
  .battleBig-slider .swiper-slide {
    width: 200px !important;
  }
  .battleBig-slider .swiper-slide .btlgame-image {
    height: 200px !important;
  }
}

@media (max-width: 820px) {
  .desk-ul-top li a {
    padding: 10px 9px !important;
    font-size: 13px !important;
  }
  .logo-deck.n820.dn-s img {
    width: 80px !important;
  }
  .play-slider.pd-0card .game-detal h3 {
    padding: 4px 10px !important;
    font-size: 17px !important;
  }
  .play-slider.pd-0card .game-detal {
    height: 48px !important;
  }

  /* 
.navbar.w820 .sideMneu {
    display: inline-block !important;
}
.navbar.w820 .desk-ul-top {
    display: none !important;
}
.navbar.w820 .logo-deck.n820 img {
    width: 60px !important;
}
.navbar.w820 .searchOpen-li.dn-l {
    display: block !important;
}
.navbar.w820 .deskSearch.dn-s {
    display: none !important;
}
.navbar.w820 .translate-li.dn-s {
    display: none !important;
}
.navbar.w820 .userProfile-li.dn-l {
    display: block !important;
}
.navbar.w820 .userProfile-li.dn-s.desk-userProfile {
    display: none !important;
} */
}

/* Bhim UPI Start */
.Montserrat-font .bhim-main {
  font-family: "Montserrat";
}

.bhim-main {
  font-family: "Montserrat";
  font-weight: 300;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  padding: 20px 170px;
  color: #fff;
  /* margin-bottom: 70px; */
}

.font-bhim-heading {
  font-family: "Montserrat";
  font-weight: 700;
}

.offer-details {
  list-style-type: disc;
  margin-left: 8px;
  font-family: "Montserrat";
}

.bhim-section1 {
  display: flex;
  justify-content: space-between;
  color: #fff;
}

.bhim-section2 {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
}

.bhim-left {
  width: 60%;
}

.bhim-right {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: end;
  flex-grow: 1;
  margin-top: auto;
}

.bhim-logo {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.bhim-heading {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}

.bhim-description {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 40px;
}

.bhim-balance {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
}

.login-button,
.pay-button {
  padding: 10px 20px;
  background: #cc0101;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  border-radius: 50px;
  width: 100%;
  max-width: 300px;
  box-sizing: border-box;
  font-weight: bold;
  border: none;
  outline: none;
}

.login-button,
.pay-button:hover {
  color: #fff;
}

.bhim-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: white;
  color: black;
  gap: 10px;
  border-radius: 10px;
  padding: 15px;
  width: 100%;
  max-width: 400px;
  height: auto;
  flex-grow: 1;
  justify-content: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.bhim-offer-discount {
  font-size: 16px;
  font-weight: bold;
  color: #cc0101;
  margin-bottom: 5px;
}

.bhim-logo {
  max-width: 220px;
}

/* @media (min-width: 770px) and (max-width: 1050px) {
   Your CSS rules for screens between 770px and 1050px
  .bhim-balance{
    display: flex;
    flex-direction: column;
  }
} */

@media (max-width: 768px) {
  .bhim-main {
    padding: 20px;
    margin-bottom: 70px;
  }
  .bhim-logo {
    max-width: 180px;
  }

  .apply-coupon-fix {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
  }
  .apply-coupon {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .bhim-section1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    gap: 20px;
  }

  .bhim-section2 {
    padding-top: 10px;
  }

  .bhim-left,
  .bhim-right {
    width: 100%;
  }

  .bhim-heading {
    font-size: 24px;
    text-transform: uppercase;
  }

  .super-coin-border {
    width: 100%;
  }

  .bhim-balance {
    width: 100%;
    align-items: stretch;
  }

  .login-button,
  .pay-button {
    max-width: 100%;
  }
  .offer-card img {
    width: 100px;
    height: 100px;
  }

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

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

  .main-icon-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
  }

  .icon-info {
    width: 100%;
    height: 150px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: start;
  }

  .main-faq {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0px;
  }
  .info-faq {
    width: 100%;
  }
  .info-faq ol {
    margin-bottom: 0px;
  }
}

/* Bhim UPI End */

/* Super-Coins */
.Montserrat-font .super-coin-main {
  font-family: "Montserrat";
  /* font-weight: 300; */
}

.super-coin-main {
  font-family: "Montserrat";
  font-weight: 300;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  padding: 20px 190px;
  color: #fff;
  /* margin-bottom: 70px; */
}
.font-supercoin-heading {
  font-family: "Montserrat";
  font-weight: 700;
}

.super-coin-section1 {
  display: flex;
  justify-content: space-between;
  color: #fff;
}

.super-coin-section2 {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
}

.half-border {
  border: 1px solid rgba(255, 0, 0, 0.5);
  width: 50%;
  margin-bottom: 20px;
}

.full-border {
  border: 1px solid rgba(255, 0, 0, 0.5);
  width: 100%;
  margin-bottom: 20px;
}

.super-coin-left {
  width: 60%;
}

.super-coin-right {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: end;
  flex-grow: 1;
  margin-top: auto;
}

.super-coin-logo {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
}

.gameium-logo {
  max-width: 200px;
  margin-bottom: 30px;
}

.supercoin-logo {
  max-width: 220px;
  margin-left: -20px;
}

.super-coin-heading {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}

.super-coin-description {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 40px;
}

.super-coin-balance {
  display: flex;
  align-items: center;
  gap: 10px;
}

.apply-coupon {
  display: flex;
  align-items: center;
  gap: 5px;
}
.balance-input {
  padding: 10px;
  width: 250px;
  border: none;
  border-radius: 5px;
}

.balance-button {
  padding: 10px 40px;
  background-color: white;
  color: #ff3b3b;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.coupon-banner {
  position: relative;
  display: flex;
  width: 50%;
  height: 60px;
  border: 1px solid #000;
  border-radius: 8px;
  padding: 5px 5px 5px 12px;
  background-color: #ffffff;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.5);
  font-family: "Arial", sans-serif;
  box-sizing: border-box;
}

.balance-button:hover {
  background-color: #e02e2e;
  color: white;
}
/* Styles for the disabled button */
.balance-button:disabled {
  background-color: #f0f0f0; /* Light gray background */
  color: #a0a0a0; /* Gray text */
  cursor: not-allowed; /* Change cursor to indicate it's not clickable */
  opacity: 0.7; /* Slightly transparent */
}

.balance-button:disabled:hover {
  background-color: #f0f0f0; /* Prevent hover effect */
  color: #a0a0a0; /* Prevent hover color change */
}

.super-coin-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: white;
  color: black;
  gap: 10px;
  border-radius: 10px;
  padding: 15px;
  width: 100%;
  max-width: 400px;
  height: auto;
  flex-grow: 1;
  justify-content: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.offer-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0px;
  width: 100%;
  padding: 0px;
  border-radius: 8px;
}

.offer-card img {
  width: 120px;
  height: 120px;
  object-fit: cover;
}

.offer-details {
  flex-grow: 1;
}

.offer-discount {
  font-size: 20px;
  font-weight: bold;
  color: #cc0101;
  margin-bottom: 5px;
}

.offer-detail {
  font-size: 16px;
  color: #555;
}

.main-icon-info {
  width: 100%;
  display: flex;
  flex-direction: column; /* Stack on mobile */
  gap: 20px;
  padding: 20px 0;
}

.main-icon-info .icon-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
}

@media (min-width: 768px) {
  .main-icon-info {
    flex-direction: row;
  }

  .main-icon-info .icon-info:nth-child(1) {
    width: 70%;
    height: auto;
  }

  .main-icon-info .icon-info:nth-child(2) {
    width: 30%;
    height: auto;
  }
}

/* .main-icon-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 0;
}

.main-icon-info .icon-info {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
} */

.main-faq {
  width: 100%;
  display: flex;
  gap: 50px;
}
.info-faq {
  width: 48%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: start;
}

.list-item {
  padding-top: 10px;
  padding-bottom: 5px;
}

@media (max-width: 940px) {
  .apply-coupon {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
@media (min-width: 770px) and (max-width: 1050px) {
  /* Your CSS rules for screens between 770px and 1050px */
  .super-coin-balance {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .super-coin-main {
    padding: 20px;
    margin-bottom: 70px;
  }
  .apply-coupon-fix {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
  }
  .apply-coupon {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .super-coin-section1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    gap: 20px;
  }

  .super-coin-section2 {
    padding-top: 10px;
  }

  .super-coin-left,
  .super-coin-right {
    width: 100%;
  }

  .super-coin-heading {
    font-size: 24px;
    text-transform: uppercase;
  }

  .super-coin-border {
    width: 100%;
  }

  .super-coin-description {
    font-size: 14px;
  }

  .super-coin-balance {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
  }

  .balance-input {
    width: 100%;
    padding: 12px 20px;
  }

  .offer-card img {
    width: 100px;
    height: 100px;
  }

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

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

  .main-icon-info {
    flex-direction: row;
  }

  .main-icon-info .icon-info:nth-child(1) {
    width: 100%;
    height: auto;
  }

  .main-icon-info .icon-info:nth-child(2) {
    width: 100%;
    height: auto;
  }
  /* .main-icon-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
  }

  .icon-info {
    width: 100%;
    height: 150px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: start;
  } */

  .main-faq {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0px;
  }
  .info-faq {
    width: 100%;
  }
  .info-faq ol {
    margin-bottom: 0px;
  }
}
.layout-coin {
  display: flex;
  gap: 5px;
}
@media (max-width: 1200px) {
  .layout-coin {
    display: flex;
    flex-direction: column;
  }
  .coupon-banner {
    width: 100%;
    height: 65px;
  }
}
@media (max-width: 768px) {
  .layout-coin {
    width: 60%;
    margin: 0 25%;
  }
}

@media (max-width: 480px) {
  .coupon-banner {
    width: 100%;
  }
  .layout-coin {
    width: 100%;
  }
  .super-coin-main {
    padding: 20px;
    margin-bottom: 70px;
  }

  .gameium-logo {
    max-width: 160px;
    margin-bottom: 30px;
  }

  .supercoin-logo {
    max-width: 200px;
  }

  .super-coin-heading {
    font-size: 24px;
  }

  .super-coin-description {
    font-size: 14px;
  }

  .super-coin-right {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: end;
    flex-grow: 1;
    margin-top: auto;
  }

  .super-coin-balance {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
  }
  @media (max-width: 400px) {
    .layout-coin {
      width: 100%;
    }
    .apply-coupon-fix {
      width: 100%;
    }
  }
  .balance-input {
    width: 100%;
    padding: 12px 20px;
  }

  .balance-button {
    width: 100%;
    padding: 12px 20px;
    font-size: 14px;
  }

  .offer-card img {
    width: 80px;
    height: 80px;
  }

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

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

  .main-icon-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    padding: 0px;
  }

  .icon-info {
    width: 100%;
    height: 120px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: start;
  }

  .main-faq {
    width: 100%;
    display: inline;
    gap: 0px;
  }
  .info-faq {
    width: 100%;
    align-items: start;
  }
  .info-faq ol {
    margin-bottom: 0px;
  }
}

/*End Super-Coins */

/* AboutUs.css */
.main-section {
  width: 100%;
  color: #fff;
}
.content1 {
  display: flex;
  justify-content: center;
  flex-direction: row;
  color: #fff;
  padding-top: 2rem;
}
.about-content {
  padding-left: 20px;
}
.about-content h1 {
  align-items: start;
  text-align: start;
  font-size: 48px;
  font-weight: 500;
}
.about-content p {
  margin-bottom: 10px;
  font-weight: lighter;
}
.image1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  text-align: center;
}
.last-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.content2 h2 {
  padding-top: 20px;
  text-align: left !important;
}

.content2 h3 {
  padding-top: 20px;
  text-align: left !important;
}
.content2 h1 {
  text-align: left !important;
}
.content2 h4 {
  text-align: left !important;
}

.image1 > img {
  height: 20rem;
  width: 20rem;
}

.content2 {
  width: 100%;
  padding: 20px 210px;
}
.download {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

/* Responsive styles */
@media (max-width: 700px) {
  .content1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .about-content {
    padding-left: 0;
    text-align: start;
    font-weight: lighter !important;
  }
  .about-content h1 {
    align-items: start;
    text-align: start;
    font-size: 30px;
    font-weight: 500;
  }
  .image1 {
    text-align: center;
    align-items: center;
    padding-bottom: 20px;
  }
  .content2 {
    width: 100%;
    padding: 20px 15px;
    text-align: justify;
  }
}

@media only screen and (width: 820px) {
  .container-grid {
    max-width: 800px !important;
  }
  .btl-main .swiper-slide.swiper-slide-active {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 820px) and (max-width: 1024px) {
  .main-slider-box .deskSwiper .swiper-wrapper {
    height: 27vh !important;
  }
  .subscription-tabs {
    width: 50% !important;
    margin-left: 25% !important;
  }
  .subscription-box h1 {
    width: 60% !important;
    margin-left: 20% !important;
  }
}

@media only screen and (min-width: 820px) {
  .modal-avatar-cont .avatar-bx img {
    position: relative;
    bottom: 0px;
  }
  .btl-main .swiper-slide.swiper-slide-active {
    margin-top: 50px;
  }
  .btlgame-image {
    height: 218px;
  }
}
/*@media (min-width:1440px){
.container-grid{max-width:1320px}
.btlgame-image {
height: 250px;
}
.search-field:focus {
width: 200px;
}
}*/
/*@media (min-width:1480px){
.container-grid{max-width:90%}
.btlgame-image {
height: 286px;
}
.search-field:focus {
width: 250px;
}
.game-image {
height: 15rem;
}
.raceLong-card {
height: 20rem;
}
.contst-banr {
top: 24%;
}
.btlgame-image {
height: 20rem;
}
.battleBig-slider .swiper-slide .btlgame-image h3 {
font-size: 2.1rem;
}
.rc-card-name h3 {
font-size: 2.1rem;
}
.game-detal h3 {
font-size: 2.1rem;
}


}*/

.lazy {
  background-image: unset !important;
  background-color: #00000069 !important;
}

.drawer {
  display: grid;
  overflow: hidden;
}
.drawer.drawer-end {
  direction: rtl;
}
.drawer.drawer-end > * {
  direction: ltr;
}
.drawer.drawer-end .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
  justify-self: end;
  --tw-translate-x: 100%;
}
.drawer.drawer-end .drawer-toggle:checked ~ .drawer-side > .drawer-overlay + * {
  --tw-translate-x: 0px;
}

/*
  PhoneInput CSS
*/

:root {
  --PhoneInput-color--focus: #03b2cb;
  --PhoneInputInternationalIconPhone-opacity: 0.8;
  --PhoneInputInternationalIconGlobe-opacity: 0.65;
  --PhoneInputCountrySelect-marginRight: 0.35em;
  --PhoneInputCountrySelectArrow-width: 0.4em;
  --PhoneInputCountrySelectArrow-marginLeft: var(
    --PhoneInputCountrySelect-marginRight
  );
  --PhoneInputCountrySelectArrow-borderWidth: 1px;
  --PhoneInputCountrySelectArrow-opacity: 0.45;
  --PhoneInputCountrySelectArrow-color: currentColor;
  --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
  --PhoneInputCountrySelectArrow-transform: rotate(45deg);
  --PhoneInputCountryFlag-aspectRatio: 1.5;
  --PhoneInputCountryFlag-height: 1em;
  --PhoneInputCountryFlag-borderWidth: 1px;
  --PhoneInputCountryFlag-borderColor: rgba(0, 0, 0, 0.5);
  --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
  --PhoneInputCountryFlag-backgroundColor--loading: rgba(0, 0, 0, 0.1);
}

/* :root {
  --p: 259 94.4% 51.2%;
  --pf: 259 94.3% 41%;
  --pc: 0 0% 100%;
  --s: 314 100% 47.1%;
  --sf: 314 100% 37.1%;
  --sc: 0 0% 100%;
  --a: 174 60% 51%;
  --af: 174 59.8% 41%;
  --ac: 0 0% 100%;
  --n: 219 14.1% 27.8%;
  --nf: 222 13.4% 19%;
  --nc: 0 0% 100%;
  --b1: 0 0% 100%;
  --b2: 210 20% 98%;
  --b3: 216 12.2% 83.9%;
  --bc: 215 27.9% 16.9%;
  --in: 207 89.8% 53.9%;
  --su: 174 100% 29%;
  --wa: 36 100% 50%;
  --er: 14 100% 57.1%;
  --border-color: var(--b3);
  --rounded-box: 1rem;
  --rounded-btn: 0.5rem;
  --rounded-badge: 1.9rem;
  --animation-btn: 0.25s;
  --animation-input: .2s;
  --btn-text-case: uppercase;
  --btn-focus-scale: 0.95;
  --navbar-padding: .5rem;
  --border-btn: 1px;
  --tab-border: 1px;
  --tab-radius: 0.5rem;
} */

.PhoneInput {
  display: flex;
  align-items: center;
}
.PhoneInputCountry {
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  border: 0;
  opacity: 0;
  cursor: pointer;
}
.PhoneInputCountryIcon {
  width: calc(
    var(--PhoneInputCountryFlag-height) *
      var(--PhoneInputCountryFlag-aspectRatio)
  );
  height: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--border {
  background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth)
      var(--PhoneInputCountryFlag-borderColor),
    inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth)
      var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
  display: block;
  width: 100%;
  height: 100%;
}
.PhoneInputCountrySelectArrow {
  display: block;
  content: "";
  width: var(--PhoneInputCountrySelectArrow-width);
  height: var(--PhoneInputCountrySelectArrow-width);
  margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
  border-style: solid;
  border-color: var(--PhoneInputCountrySelectArrow-color);
  border-top-width: 0;
  border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
  border-left-width: 0;
  border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
  -webkit-transform: var(--PhoneInputCountrySelectArrow-transform);
  transform: var(--PhoneInputCountrySelectArrow-transform);
  opacity: var(--PhoneInputCountrySelectArrow-opacity);
  color: white;
}

.PhoneInputInput {
  flex: 1;
  min-width: 0;
  background: transparent;
  color: white;
  border: none;
}

.PhoneInput--focus .PhoneInputInput {
  outline: none;
}

.customCentralLoader {
  border: 6px solid rgb(32, 31, 31);
  border-top: 6px solid rgb(110, 24, 2);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 300ms linear infinite;
  animation: spin 300ms linear infinite;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
}

.customLoader {
  border: 6px solid rgba(4, 135, 176, 1);
  border-top: 6px solid rgba(231, 1, 169, 1);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin: 0px auto;
  margin-top: 30vh;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.section-link {
  float: left;
  width: 100%;
  display: flex;
  background: linear-gradient(222.78deg, #2c3035 6.97%, #191b1f 96.92%);
  box-sizing: border-box;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 16px;
}
.section-link h3 {
  color: #fff;
  font-size: 14px;
  margin-bottom: 5px;
}
.headline-section {
  display: block;
}
/* .left-content {
            float: left;
            width: calc(100% - 80px);
            padding-right: 20px;
        } */
.left-content p {
  margin-bottom: 0px;
  color: #fff;
  line-height: normal;
  font-size: 12px;
  opacity: 0.7;
}
.right-content {
  float: left;
  width: 80px;
  height: 80px;
}
.right-content > img {
  width: 100%;
  border-radius: 10px;
}

.defaultLayout {
  width: 100%;
  float: left;
  margin-top: 66px;
  margin-bottom: 70px;
  padding: 0px 16px;
}

.defaultMobLayout {
  width: 100%;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0px 16px;
}
/* react-image-crop css */

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%;
}
.ReactCrop:focus {
  outline: none;
}
.ReactCrop--disabled,
.ReactCrop--locked {
  cursor: inherit;
}
.ReactCrop__image {
  display: block;
  max-width: 100%;
  touch-action: none;
}
.ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  cursor: move;
  box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
  touch-action: none;
  border: 1px solid;
  border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
  border-image-slice: 1;
  border-image-repeat: repeat;
}
.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit;
}
.ReactCrop--circular-crop .ReactCrop__crop-selection {
  border-radius: 50%;
  box-shadow: 0px 0px 1px 1px white, 0 0 0 9999em rgba(0, 0, 0, 0.5);
}
.ReactCrop--invisible-crop .ReactCrop__crop-selection {
  display: none;
}
.ReactCrop__rule-of-thirds-vt::before,
.ReactCrop__rule-of-thirds-vt::after,
.ReactCrop__rule-of-thirds-hz::before,
.ReactCrop__rule-of-thirds-hz::after {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.4);
}
.ReactCrop__rule-of-thirds-vt::before,
.ReactCrop__rule-of-thirds-vt::after {
  width: 1px;
  height: 100%;
}
.ReactCrop__rule-of-thirds-vt::before {
  left: 33.3333%;
  left: calc(100% / 3);
}
.ReactCrop__rule-of-thirds-vt::after {
  left: 66.6666%;
  left: calc(100% / 3 * 2);
}
.ReactCrop__rule-of-thirds-hz::before,
.ReactCrop__rule-of-thirds-hz::after {
  width: 100%;
  height: 1px;
}
.ReactCrop__rule-of-thirds-hz::before {
  top: 33.3333%;
  top: calc(100% / 3);
}
.ReactCrop__rule-of-thirds-hz::after {
  top: 66.6666%;
  top: calc(100% / 3 * 2);
}
.ReactCrop__drag-handle {
  position: absolute;
}
.ReactCrop__drag-handle::after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  outline: 1px solid transparent;
}
.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: nw-resize;
}
.ReactCrop .ord-nw::after {
  top: 0;
  left: 0;
}
.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  cursor: n-resize;
}
.ReactCrop .ord-n::after {
  top: 0;
}
.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: ne-resize;
}
.ReactCrop .ord-ne::after {
  top: 0;
  right: 0;
}
.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: e-resize;
}
.ReactCrop .ord-e::after {
  right: 0;
}
.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  cursor: se-resize;
}
.ReactCrop .ord-se::after {
  bottom: 0;
  right: 0;
}
.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: s-resize;
}
.ReactCrop .ord-s::after {
  bottom: 0;
}
.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: sw-resize;
}
.ReactCrop .ord-sw::after {
  bottom: 0;
  left: 0;
}
.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: w-resize;
}
.ReactCrop .ord-w::after {
  left: 0;
}
.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit;
}
.ReactCrop__drag-bar {
  position: absolute;
}
.ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -3px;
}
.ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -3px;
}
.ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -3px;
}
.ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -3px;
}
.ReactCrop--new-crop .ReactCrop__drag-bar,
.ReactCrop--new-crop .ReactCrop__drag-handle,
.ReactCrop--fixed-aspect .ReactCrop__drag-bar {
  display: none;
}
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none;
}
@media (pointer: coarse) {
  .ReactCrop .ord-n,
  .ReactCrop .ord-e,
  .ReactCrop .ord-s,
  .ReactCrop .ord-w {
    display: none;
  }
  .ReactCrop__drag-handle {
    width: 24px;
    height: 24px;
  }
}
.main-slider-box .deskSwiper .swiper-wrapper {
  height: 80vh;
}
.trendingSectionWrapper .heading-1 {
  margin-top: 20px !important;
}

.recrDsk.subscribed {
  padding-top: 35px;
  font-size: 25px;
}

.recrDsk.subscribed span {
  color: green;
}

.mnth.subscribed span {
  color: green;
}

.plan-details h3 {
  color: #bd8b36;
  text-align: center;
  font-size: 24px;
  padding-top: 18px;
}

.card-month.subs-details {
  height: auto !important;
}

.plan-details {
  text-align: justify;
}
/*# sourceMappingURL=ReactCrop.css.map */

/* .loader-gif{
    width: 100%;
    float: left;
    text-align: center;
    background: #000;
    height: 100vh;
    align-items: center;
    display: flex;
    position: fixed;
    z-index: 2;
} */
/* .loaderBox img{
  width: 100%;
} */

.mob-form #email {
  color: white;
}
.form-control:disabled {
  color: black !important;
}

.login-btn {
  background: #cc0101;
  padding: 14px 15px;
  border-radius: 40px;
  width: calc(100% - 32px);
  border: none;
  color: #fff;
  font-size: 16px;
  font-family: "futura-heavy";
  /* font-family: 'Manrope'; */
  font-weight: 600;
  box-sizing: border-box;
  bottom: 18px;
  left: 14px;
  margin: 30px 0px 0px 15px;
}

.auth-social {
  width: 100%;
  float: left;
  /* height: 170px; */
}
/* .auth-social .icon-container {
  margin-top: 40px;
} */