.light-theme .nav-tabs .nav-link,.light-theme select option
,.light-theme .dropdown-item{
	color:#545454!important;
}

button strong{
	font-weight:500;
}


*::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
* {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  font-family: "Baloo 2", sans-serif;
}


/* For marathi and hindi language*/
[lang=hi] p,[lang=mr] p,[lang=hi] li,[lang=mr] li
,[lang=hi] h6,[lang=mr] h6{font-size: 105%;}
[lang=hi] .btn,[lang=hi] select,[lang=hi] button,
[lang=hi] .ask-block .nav-link,[lang=mr] .ask-block .nav-link,
[lang=mr] .btn,[lang=mr] select,[lang=mr] button
{font-size: 85%!important;}
.website-name{font-weight:bold;}

.no-after::after{display:none!important;}
.no-before::before{display:none!important;}


.content{cursor:pointer;max-height:240px;position:relative;overflow:hidden;}
.content .prompt{position:absolute;bottom:0;left:0;width:100%;text-align:center;margin:0;padding-top:60px;padding-bottom:9px;background-image:linear-gradient(to bottom,rgba(255,255,255,0),white)}
.content .prompt .button{padding:5px 30px;border-radius:99px;}


.main-navbar,.user-navbar{z-index: 1030!important;}
.nav-tabs .nav-link{--mdb-nav-tabs-link-padding-x:1px!important;}
.fs-7{font-size:14px;}


.extra p,.extra h1,.extra div{width:inherit!important;margin-bottom:0.5rem;}
.extra img{max-width:100%!important;max-height:100%!important;height:100%!important;}
.extra p.prompt{width:100%!important;}
.note-editable .note-video-clip,.extra .note-video-clip{width:100%;}


.extra img{max-width:100%!important;}


.dark-theme .content .prompt{background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #363636);}
.show-read-more .more-text{
        display: none;
}

body{background:#fcfdff;}
.card-body {color: #000;}

.light-theme .modal-content,.light-theme select { color:#000; }
[data-mdb-theme=dark] .modal-content,[data-mdb-theme=dark] select { color:#FFF; }
[data-mdb-theme=dark] .card-body {color: #fff;}
[data-mdb-theme=dark] body{background-color: #1a1a1a;}
[data-mdb-theme=dark] .card{background-color: #222222;}
[data-mdb-theme=dark] .bg-light{background-color:#2c2c2c!important;}
.light-theme .text-light{color:#666666!important;}
[data-mdb-theme=dark] .text-light{color:#dbdbdb!important;}
[data-mdb-theme=dark] .read-more .prompt{background-image: linear-gradient(to bottom, rgba(66, 66, 66, 0), #383838);}
[data-mdb-theme=dark] .form-control {
    background-color: rgb(45, 52, 61)!important;
	color:#FFF!important;
}

[data-mdb-theme=dark] .form-control:focus {
    background-color: rgb(45, 52, 61)!important;
}


[data-mdb-theme=dark] pre{background-color: #3e3e3e;}

[data-mdb-theme=dark] .accordion-item { background:#222222; }

.light-theme pre{background-color: #d5d5d5;}

.dropdown-toggle{white-space:normal;}
img{background-color:#ddd;}
.right-0{right:0;}

#box-two{
  min-height:10px;
  width: 97%;
  position:fixed;
  z-index:1021;
  margin: 0 auto;
  left:0;
  right:0;
  bottom:-100px;
}
#overlay1{z-index:1020;position:fixed;width:100%;height:100%;top:0;left:0;background:#000;opacity:0.6;}
#box-two{
  transition: transform 0.4s ease;
}
#otp input{height:50px;width:50px;}

@media only screen and (max-width: 575px) {
.toast-container{
	top: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
}
@media only screen and (min-width: 767px) {
.earning-box .col-12{
	display: flex !important;
}
.earning-box .col-12 > div{
	flex-grow:1;
}
}
.btn .badge{font-size:13px;}
.btn-link {
    --mdb-btn-font-weight: 100;
}

mn{margin-top:4px;}



.btn-primary {
    --mdb-btn-bg: #ff9a00;
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: 0 4px 9px -4px #ff9a00;
    --mdb-btn-hover-bg: #ff9a00;
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: #ff9a00;
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: #ff9a00;
    --mdb-btn-active-color: #fff;
    --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(56, 107, 192, 0.3), 0 4px 18px 0 rgba(56, 107, 192, 0.2);
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    color: var(--mdb-btn-disabled-color);
    pointer-events: none;
    background-color: #ff9a00;
    border-color: #ff9a00;
    opacity: var(--mdb-btn-disabled-opacity);
    box-shadow: none;
}


.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #ff9a00!important;
    border-color: #ff9a00;
}


.dark-theme .nav-pills .nav-link.active, .dark-theme .nav-pills .show>.nav-link {
    --mdb-nav-pills-link-active-bg: #2e2311;
    --mdb-nav-pills-link-active-color: #ff9a00;
    background-color: #2e2311;
    color: #ff9a00;
}

.light-theme .nav-pills .nav-link.active, .light-theme .nav-pills .show>.nav-link {
    --mdb-nav-pills-link-active-bg: #ffeed3;
    --mdb-nav-pills-link-active-color: #ff9a00;
    background-color: #ffeed3;
    color: #ff9a00;
}

.text-primary{color:#ff9a00!important;}
.btn-outline-primary {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: #ff9a00;
    --mdb-btn-hover-bg: #f5f8fc;
    --mdb-btn-hover-color: #ff9a00;
    --mdb-btn-focus-bg: #f5f8fc;
    --mdb-btn-focus-color: #ff9a00;
    --mdb-btn-active-bg: #f5f8fc;
    --mdb-btn-active-color: #ff9a00;
    --mdb-btn-outline-border-color: #ff9a00;
    --mdb-btn-outline-focus-border-color: #ff9a00;
    --mdb-btn-outline-hover-border-color: #ff9a00;
    border-color: #ff9a00;
}
.list-group-light .active {
    border: none;
    border-radius: var(--mdb-list-group-light-active-border-radius);
    background-color: #ffeccf;
    color: #ff9a00;
}

[data-mdb-theme=dark] .btn-outline-primary {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: #ff9a00;
    --mdb-btn-hover-bg: #b16b00;
    --mdb-btn-hover-color: #ff9a00 5;
    --mdb-btn-focus-bg: #b16b00;
    --mdb-btn-focus-color: #ff9a00;
    --mdb-btn-active-bg: #b16b00;
    --mdb-btn-active-color: #ff9a00;
}
#overlay{
  z-index: 1999;
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.8) none 50% / contain no-repeat;
  cursor: pointer;
  transition: 0.3s;
  
  visibility: hidden;
  opacity: 0;
}
#overlay.open {
  visibility: visible;
  opacity: 1;
  display: block !important;
}

#overlay:after { /* X button icon */
  content: "\2715";
  position: absolute;
  color:#fff;
  top: 10px;
  right:20px;
  font-size: 2em;
}
.no-read-more img{cursor:pointer;}

    .leaderboard {
      margin: 50px auto;
      border-radius: 10px;
    }
    .leaderboard-header {
	  height:50px;
      background: #007bff;
      color: white;
      padding: 10px;
	  padding-bottom:1px;
      text-align: center;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }
    .leaderboard-item {
      display: flex;
      align-items: center;
      padding: 10px;
      border-bottom: 1px solid #ededed;
	  position: relative;
    }
	.dark-theme .leaderboard-item{border-bottom: 1px solid #4d4d4d;}
	
    .leaderboard-item:last-child {
      border-bottom: none;
    }
    .profile-img {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      margin-right: 15px;
      object-fit: cover;
    }
    .user-info {
      flex-grow: 1;
    }
    .user-points {
      font-weight: bold;
    }
    .no-data {
      text-align: center;
      padding: 30px;
      color: #6c757d;
    }
    .badge-number {
      position: absolute;
      top: 10px;
      left: 40px;
	  width:25px;
	  height:25px;
	  background: #fff;
      color: black;
	  border:
      font-weight: bold;
      border-radius: 50%;
      font-size: 18px;
    }
[data-mdb-theme=dark] .badge-number{background:#2c2c2c!important;}
.rounded-bottom {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}


.signup-box {
	background: linear-gradient(135deg, #6c63ff, #2196f3);
	color: #fff;
	border-radius: 10px;
	padding: 30px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.signup-box h3 {
	font-weight: bold;
}
.signup-box button {
	font-size: 18px;
	font-weight: bold;
}
.signup-box .points {
	font-size: 24px;
	font-weight: bold;
	color: #ffeb3b;
}

.welcome-box {
	border-radius: 10px;
}
.welcome-header {
	background: linear-gradient(135deg, #6c63ff, #2196f3);
	color: #fff;
	border-radius: 10px;
	padding: 15px;
	text-align: center;
}
.tips-list, .tnc-list {
	padding-left: 20px;
}
.highlight {
	color: #28a745;
	font-weight: bold;
}

.accordion-button:not(.collapsed){color:gold;}


    .float-container {
      position: fixed;
      bottom: 20px;
      right: 15px;
      display: flex;
      align-items: center;
      z-index: 1000;
    }
    .float-button {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #007bff;
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      border: none;
      cursor: pointer;
    }
    .float-button:hover {
      background-color: #0056b3;
    }
    .float-text {
      margin-right: 5px;
      font-size: 13px;
      font-weight: bold;
      color: #007bff;
	  background-color: #cfcfcf;
    }

[data-mdb-theme="dark"] .float-text {
  background-color: #fbfdff;
}


/*
[data-mdb-theme=dark] .bg-light {
    background-color: #1d2a38 !important;
}

[data-mdb-theme=dark] body {
    background-color: #151d28;
}


[data-mdb-theme=dark] .modal-content, [data-mdb-theme=dark] select {
    color: #FFF;
}

[data-mdb-theme=dark] .form-select {
	background-color: ##1b222c!important;
}

[data-mdb-theme=dark] .card {
    background-color: #1e2734!important;
}

[data-mdb-theme=dark] .nav-pills .nav-link {
	background-color: #1e2c40!important;
}
*/

.cred-text,.remove-cred{
	font-weight:normal;text-decoration:underline;font-size:15px;color:#89aadf;
}
.show-cred-text{
	font-weight:normal;font-size:15px;
}
.show-cred{
overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
 .main-social-box{margin: 20px 0 20px 0;}
  .main-social-box p{font-weight: bold; font-size: 18px; text-align: center;color:#000;}
  .social-links-container {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin: 5px 0 0px 0;
    flex-wrap: wrap;
	padding-left:10px;
	padding-right:10px;
  }

  .social-box {
    flex: 1;
    padding: 12px 16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    text-decoration: none;
    font-size: 16px;
    transition: background 0.3s, transform 0.3s;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  }

  .social-box:hover {
    transform: scale(1.03);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
  }

  .whatsapp-box {
    background-color: #25D366;
  }

  .telegram-box {
    background-color: #0088cc;
  }

  @media (max-width: 600px) {
    .social-box {
      flex: 100%;
      margin-bottom: 10px;
    }
  }