body{
	background: #fff !important;
}
.float-right{
	float: right;
}
.error-screen {
	border: 2px dashed #50BCDD;
	min-height: 300px;
	align-items: center;
	vertical-align: middle;
	display: flex;
	text-align: center;
	justify-content: center;
	margin-top: 50px;
}
.error-screen h3 a{
	color: #50BCDD;;
}
.error-screen h3{
	color: #50BCDD;
	width: 80%;
}
#rechargeForm ul {
	list-style: none;
	margin: 0px !important;
	padding: 0px !important;
}
#rechargeForm ul li {
	display: inline-block;
	width: 49%;
	border-radius: 20px;
}
#rechargeForm .alert.alert-info {
	background: linear-gradient(to right, #50BCDD, #96F9FF);
	border: none;
	border-radius: 20px;
	margin-bottom: 0px;
	margin-top: 10px;
	padding: 0px 15px !important;
}
#rechargeForm .alert.alert-info input {
	position: relative;
	top: 2px;
	margin-right: 5px;
}
#rechargeForm .alert.alert-info img {
	height: 64px;
	width: auto;
}
.btn-social img {
	position: relative;
	bottom: 1px;
}
#submitSupportStopForm p {
	margin: 15px 0px 0px;
}
.theme-hexagon-btn i{
	font-size: 16px !important;
}
#submitSupportForm .modal-body{
	text-align: center;
}
#submitSupportForm h1 {
	margin-bottom: 0px !important;
	background: #DBFDFF;
	display: inline-block;
	text-align: center;
	padding: 10px 30px;
	border-radius: 30px;
	color: #1895BB;
	font-size: 28px;
	margin-top:10px;
}
#submitSupportForm p {
	margin: 15px 0px 5px;
	font-size: 16px;
}
.wallet-content {
	min-height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.btn-arrows-style{
	clip-path: polygon(3% 0%, 97% 0%, 100% 50%, 97% 100%, 3% 100%, 0% 50%);
}

.card-style-8 {
    height: 100%;
    width: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 50px;
    border: 4px solid #654b0e;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #d4af37;
    box-sizing: border-box;
}

.card-style-8 .badge {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to top, #FFC451, #C78606);
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    padding: 10px 35px 10px 27px;
    border-radius: 0;
    border-bottom-right-radius: 0px;
    text-transform: uppercase;
    z-index: 10;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    border-bottom-right-radius: 37px;
    margin-bottom: 10px;
}

.card-style-8 .img-box {
    height: auto;
    width: 100%;
    position: relative;
}

.card-style-8 .img-box::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* height: 30%; */
    background: linear-gradient(to top, black, rgba(212, 175, 55, 0));
    z-index: 1;
}

.card-style-8 .img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.card-content {
	height: 53%;
	width: 100%;
	position: absolute;
	bottom: -5%;
	z-index: 9;
	background: linear-gradient(to top, #FFC451, rgba(212, 175, 55, 0));
}

.card-content .person-name {
    font-size: 26px;
    font-weight: 400;
    margin: 0;
    text-align: center;
	color: #fff;margin-bottom: 15px;
}

.stats {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.5rem;
    margin: 0 30px 10px 30px;
    padding: 5px;
	color: #fff;
}

.stat-content {
    display: flex;
    align-items: center;
    flex-direction: column;
	color: #fff;
}

.stat-content .count {
    font-size: 18px;
    line-height: 22px;
}

.stat-content .stat {
    font-size: 13px;
    color: #fff;
}

.stats-table {
    display: flex;
    justify-content: space-between;
    /* gap: 1.2rem; */
    margin: 0 30px;
}

.stats-labels {
    width: 50%;
    border-right: 2px solid #000000;
}

.stats-labels span {
    display: block;
    font-size: 16px;
}

.stats-values {
    width: 50%;
}

.stats-values span {
    display: block;
    font-size: 16px;
    text-align: right;
}
.card-content-bottom{
	background: #fff;
	height: 100%;
}
.card-content-bottom {
	background: #fff;
	height: 40%;
	bottom: 0;
	min-height: 300px;
	z-index: 9999;
	position: absolute;
	width: 100%;
	border-top-right-radius: 30px;
	border-top-left-radius: 30px;
	margin-top: 15px;
	padding: 50px 50px 30px;
	text-align: center;
	display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-content-bottom p{
	color: #50BCDD;
	font-size: 22px;
	text-transform: uppercase;
}
.card-content-bottom .btn-arrows-style {
	clip-path: polygon(5% 0%, 95% 0%, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
	padding: 15px;
	font-size: 18px;
	font-weight: 400;
}
.card-content-bottom::before {
	background: linear-gradient(to top, #fff, #FFC451);
	content: "";
	position: absolute;
	z-index: 999;
	height: 13%;
	top: 0;
	left: 0;
	right: 0;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	opacity: 0.75;
}
#screenShotProfile{
	width: 350px;

}
#screenShotProfile .stats{
	gap: 2rem !important;
}
.profile-banner{
	padding-bottom: 0px !important;
}
#screenShotProfile .card-content{
	bottom: -25%;
}
#screenShotProfile .card-style-8
{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom:none;
	height: 275px;
}
#screenShotProfile .card-style-8 .img-box{
	height: 100%;
}
.profile-column{
	  flex-direction: column;
	  justify-content: space-between;
	  height: 225px;
	  margin-bottom: 30px;
	width: 700px;
}
.profile-column .profile-stats{
	text-align: center;
}
.rank_icon{
	height: 13px !important;
	width: 13px !important;
	object-fit: contain !important;
}
.inner-page-content {
	height: 82vh;
}
.profile-column a.btn{
	display: inline-block !important;
	width: auto !important;
	padding: 8px 25px;
}
#shouri-top , #shouri-bottom{
	background: #50BCDD;
	padding: 10px 0px;
}
#shouri-bottom{
	padding: 20px 0px;
}
#shouri-top .container-fluid{
	padding: 0px 30px;
}
#shouri-top img{
	height: 44px;
	object-fit: contain;
}
.card-content-box{
	padding: 80px 50px;;
	width: 80%;
	height: 82vh;
}
.card-content-box h1{
	color: #000000;
}
.card-content-box p{
	font-size: 18px;
	line-height: 28px;;
	font-weight: normal;
	text-transform: none;
	color: #000;
}
.card-content-box span{
	font-size: 14px;
}
.about-images-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0;
}
.image-wrapper {
	flex: 1 1 calc(50% - 10px); /* Each image takes 50% width with gap adjustment */
	max-width: 50%;
	display: flex;
	justify-content: center;
	height: 41vh;
	object-fit: cover;
}
.image-wrapper img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
	@media (max-width: 600px) {
	.image-wrapper {
		flex: 1 1 100%;
		max-width: 100%;
	}
}
#shouri-bottom p, #shouri-bottom p a {
	color: #fff;
	text-align: center;
	margin: 0px;
}
#shouri-bottom .d-flex{
	justify-content: center;
	align-items: baseline;
}
#shouri-bottom img{
	height: 28px;
	margin: 0px 30px;
}
#download-btns{
	text-align: center;
}
#download-btns img{
	width: 160px;
	margin: 30px 0px;
}
.page-wrapper-inner{
	overflow: hidden;
}
.align-center{
	align-content: center;
}
.shadow-light-primary{
	box-shadow: 1px 1px 5px #1895BB40;
}
.text-color{
	color: #575757;
}
.payment-type img {
	height: 60px;
	margin-left: 5px;
	position: relative;
	bottom: 1px;
}
.bb-0{
	border-bottom: none !important;
}
.btn-arrow-style-small{
	width: 125px !important;
   clip-path: polygon(12% 0%, 88% 0%, 100% 50%, 88% 100%, 12% 100%, 0% 50%);
}
.btn-arrows-style-modal{
	clip-path: polygon(3% 0%, 97% 0%, 100% 50%, 97% 100%, 3% 100%, 0% 50%);
}
.btn-arrows-style-box{
	clip-path:polygon(5% 0%, 95% 0%, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
}
.btn-arrows-style-half{
	clip-path:polygon(6% 0%, 94% 0%, 100% 50%, 94% 100%, 6% 100%, 0% 50%);
}

.challenge-content .challenge-video .related-challenges {
	position: fixed;
	top: 50px;
	max-width: 45%;
	overflow-y: auto;
	display: flex;
	align-items: center;
	gap: 0.25rem;
	padding-left: 15px;
	padding-right: 10px;
	z-index: 999;
	scrollbar-width: none;
	-ms-overflow-style: none;
	right: 0;
	flex-direction: column;
	height: 93.5vh;
}
.challenge-content .challenge-video .related-challenges .related_challenge_img {
	height: 120px;
	width: 80px;
	object-fit: cover;
	border-radius: 7px;
	display: block !important;
	border: 1px solid #50BCDD;
}
.related-challenges{
	right: 65px !important;
}
.theme-card{
	border-radius: 40px !important;
}
.slider{
	background: #fff;
}
input:checked + .slider,.slider::before{
	background: linear-gradient(to right, #50BCDD, #96F9FF);
}
input:checked + .slider::before{
	background: #fff;
}
.sidebar-icon{
	height: 17px;
	object-fit: contain;
}
.styled-icon-inner {
	height: 44px;
	width: 44px;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	background: linear-gradient(to right, #96F9FF, #50BCDD);
}
.styled-icon-inner.bg-theme-danger {
	background: #FF1F1F;
}
.bg-theme-light{
	background: #DBFDFF;
}
.challenge-detail-info .theme-paragraph.mb-0.fs-13 {
	min-height: 30px;
	color: #000000;
	font-weight: 400;
	margin-top: 15px;
}

.challenge-entry-card img {
	width: 100%;
	height: 100%;
	min-height: 350px;
	object-fit: cover;
}
#commentsTabContent{
	padding: 15px 15px 0px;
}
.w-auto{
	width: auto !important;
}
.search-form{
	z-index: 1001;
}
.search-input {
	min-width: 40vw;
	box-shadow: 0 3px 4px rgba(0, 199, 255, 0.2);
}
.hightlight-challenge {
	background: #C78606 !important;
}
.challenge-content .challenge-video{
	border-radius: 15% !important;
}
.challenge-right-info-content .theme-dropdown-sm .theme-dropdown-menu li a{
	font-weight: normal;
}
.btn-gradient-shadow {
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3) !important;
}
.btn-theme-lg {
	padding: 9px 10px !important;
}
.challenge-content p.text-theme-light a {
	font-weight: bold;
}
.text-blue {
	margin: 4px 10px;
	display: inline-block;
}
.profile-avatar-block {
	height: 120px;
	border-radius: 27.06px;
	width: 120px;
	border: 2.85px solid #50BDDC;
}
#challenge-counter {

	margin: 15px auto 0px;
}
.challenge-detail-info-bottom{
	background: #FFFBF2;
	padding: 13px 20px;
	border-radius: 20px;
}
.ribbon-box.right.ribbon-box .ribbon-two {
	left: auto;
	right: -5px;
}
.ribbon-box .ribbon-two {
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}
.ribbon-box.right.ribbon-box .ribbon-two span {
	left: auto;
	right: -21px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ribbon-box .ribbon-two span {
	font-size: 10px !important;
}
.ribbon-box .ribbon-two span {
	font-size: 13px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 100px;
	display: block;
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02);
	position: absolute;
	top: 19px;
	left: -21px;
}
.ribbon-two-open span {
	background: linear-gradient(135deg, #22CD00, #116700);;;
}
.ribbon-two-completed span {
	background: linear-gradient(135deg, #FEBA2B, #FF3E3A);;;
}
.ribbon-completed{
	background: linear-gradient(135deg, #FEBA2B, #FF3E3A);;;
}

.ribbon-box .ribbon-two span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	z-index: -1;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
}
.ribbon-two-open span::before {
	border-left: 3px solid #22CD00;
	border-top: 3px solid #22CD00;
}
.ribbon-two-completed span::before {
	border-left: 3px solid #FEBA2B;
	border-top: 3px solid #FEBA2B;
}
.ribbon-box .ribbon-two span::after {
	content: "";
	position: absolute;
	right: 0;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-bottom: 3px solid transparent;
}
.ribbon-two-open span::after {
	border-right: 3px solid #116700;
	border-top: 3px solid #116700;
}
.ribbon-two-completed span::after {
	border-right: 3px solid #FF3E3A;
	border-top: 3px solid #FF3E3A;
}
.theme-tab-headings-bg a.active,.modal .btn-primary{
	background: linear-gradient(135deg, #50BDDC, #95F8FE);;
	color: #fff;
	border-radius: 8px;
}
.customModal .btn{
	padding: 14px 20px;
}
.customModal .btn-light{
	border-radius: 8px;
}
.theme-tab-headings-bg a {
	padding: 14px;
	border: 1px solid lightgrey;
	color: #000000E5;
	border-radius: 8px;
}
.theme-tab-headings.theme-tab-headings-bg {
	margin: 0px 15px;
}
.submission-grid-card-style .challenge-entry-card img{
	min-height: inherit !important;
}
.submission-grid-card-style .challenge-entry-card img.full{
	height: 335px !important;
}
.submission-grid-card-style .challenge-entry-card img.half{
	height: 160px !important;
}
.challenge-entry-card.challenge-entry-card-half {
	margin-bottom: 17px;
}
.pl-7 {
	padding-left: 7.5px !important;
}
.pr-7 {
	padding-right: 7.5px !important;
}
.submission-grid-card.submission-grid-card-style {
	position: relative;
}
.submission-number {
	position: absolute;
	background: linear-gradient(135deg, #50BDDC, #95F8FE);
	width: 42px;
	height: 42px;
	z-index: 999;
	border-top-left-radius: 20px;
	text-align: center;
	color: #000;
	font-size: 14px;
	line-height: 42px;
}
.challenge-entry-card .like-tag {
	position: absolute;
	bottom: 8px;
	left: 20px;
	display: flex;
	align-items: center;
	gap: 0.3rem;
}
.followButtonAuthStyle {
	position: absolute;
}
.text-warning-gradient{
	background: linear-gradient(135deg, #FF3E3A, #FEBA2B);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
}
.customModal .posAbsBody {
	padding: 9rem 3rem 3rem !important;
}
#posAbs {
	position: absolute;
	top: -130px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.board-entry-number.active,.board-entry-text.active{
	background: linear-gradient(135deg, #50BDDC, #95F8FE);
	color: #fff;
	border: none;
}
.board-entry-number{
	height: 58px;
	border-radius: 8px;
	color: #000000;
	line-height: 52px;
	font-size: 28px;
	text-align: center;
	border: 2px solid transparent;
	padding: 2px;
	background: linear-gradient(white, white) padding-box,
              linear-gradient(135deg, #50BDDC, #95F8FE) border-box;
}
.active-color{
	color: #50BDDC;
}
.board-entry-text{
	height: 58px;
	border-radius: 8px;
	line-height: 47px;
	border: 2px solid transparent;
	padding: 2px;
	background: linear-gradient(white, white) padding-box,
              linear-gradient(135deg, #50BDDC, #95F8FE) border-box;
}
.board-div .profile-avatar-md {
	height: 40px;
	width: 40px;
}
.text-gradient{
	background: linear-gradient(135deg, #50BDDC, #95F8FE);
    background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}


.ribbon-box.right .ribbon-three {
  position:absolute;
  top:-6.1px;
  right:10px;
  left:auto
}
.ribbon-three {
  position:absolute;
  top:-6.1px;
  left:10px
}
.ribbon-three span {
  position:relative;
  display:block;
  text-align:center;
  color:#fff;
  font-size:14px;
  line-height:1;
  padding:12px 8px 10px;
  border-top-right-radius:8px;
  width:90px
}
.ribbon-three span::after,
.ribbon-three span::before {
  position:absolute;
  content:""
}
.ribbon-three span::before {
  height:6px;
  width:6px;
  left:-6px;
  top:0
}
.ribbon-three span::after {
  height:6px;
  width:8px;
  left:-8px;
  top:0;
  border-radius:8px 8px 0 0
}
.ribbon-three::after {
  content: "";
  position: absolute;
  width: 88px;
  height: 10px;
  background: linear-gradient(135deg, #22CD00, #116700);
  clip-path:polygon(0 0, 100% 0, 50% 100%);;
  top: 100%; /* Adjust positioning as needed */
  left: 0;
}
.ribbon-three-success span {
	background: linear-gradient(135deg, #22CD00, #116700);;;
}
.ribbon-three-success span::before , .ribbon-three-success span::after {
	background: linear-gradient(135deg, #22CD00, #116700);;;
}
.ribbon-three-success::after{

}
.ribbon-box.right .ribbon-success {
	background: linear-gradient(135deg, #22CD00, #116700);;;
}
.ribbon-box.right .ribbon.round-shape {
	border-radius: 30px 20px 0 30px;
}
.ribbon-box .ribbon {
	padding: 8px 16px;
	-webkit-box-shadow: 2px 5px 10px rgba(var(--vz-dark-rgb),.15);
	box-shadow: 2px 5px 10px rgba(var(--vz-dark-rgb),.15);
	color: #fff;
	font-size: var(--vz-font-base);
	font-weight: var(--vz-font-weight-semibold);
	position: absolute;
	left: -1px;
	top: 5px;
}
.ribbon-box.right .ribbon {
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
}
.pl-0 {
	padding-left: 0px;
}
.pr-0 {
	padding-right: 0px;
}
.board-entry-number img {
	height: 36px;
	position: relative;
	bottom: 2px;
}
.board-div.board-entry-number.active-light {
	background: #96F9FF;
}
.text-gradient-warning{
	background: linear-gradient(135deg, #FEBA2B, #FF3E3A);;;
	background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
#emptyChallenge img {
	height: 80px;
}
#subscribe-header {
	background: linear-gradient(135deg, #50BDDC, #95F8FE);
	padding: 30px;
	border-radius: 8px;
	position: relative;
	text-align: center;
}
#subscribe-header::after {
	content: "";
	position: absolute;
	bottom: -22px;
	left: 50%;
	transform: translateX(-50%);
	width: 42px;
	height: 23px;
	background: linear-gradient(135deg, #50BDDC, #95F8FE);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	z-index: 0;
}
#subscribe-header img {
	height: 80px;
}
a.dismissIcon img {
	position: absolute;
	right: 15px;
	top: 15px;
	height: 18px !important;
}
.w-85{
	width: 85%;
	margin: 0 auto;
}
.challengeModal h3 {
	background: linear-gradient(135deg, #FFB7001A, #FFB7001A);
	padding: 30px;
	font-weight: bold;
	font-weight: 700;
	font-size: 35.33px;
	color: #000000;
	border-bottom-left-radius: 75px;
	border-bottom-right-radius: 25px;
}
#challengeModal2 h3{
	background: linear-gradient(135deg, #f7f7f7, #FFB7001A) !important;
}
.modal-body{
	position: relative;
}

@media(max-width:767px){
	.theme-tab-headings-bg a{
		padding: 15px 5px !important;
	}
	.right-content-style{
		padding: 15px 0px;
	}
	#challenge-counter{
		width: 100% !important;
	}
	.w-85{
		width: 100%;
	}
}
.challenge-detail-info-bottom p{
	min-height: auto !important;
}
#imgTag {
	position: relative;
	left: 17px;
	display: inline-block !important;
	margin: 0 auto;
	text-align: center;
	background: #96F9FF;
	color: black;
	padding: 4px;
	min-width: 85px;
	font-size: 12px;
	border-radius: 20px;
	border: 3.85px solid #FFF;
	z-index: 9;
	bottom: 17px !important;
}
#posRelative{
	position: relative;
}
.board-entry-table{

}
.board-entry-table .board-entry.mb-2 {
	background: #E7FEFF;
	margin-bottom: 0px !important;
}
.board-div {
	background: #E7FEFF;
	border: 1px solid #5D5D5D;
}
.board-table thead tr{
	border: 1px solid #5D5D5D;
}
#challengeEntries h3{
	color: #2097BA;
	font-size: 22px;
	font-weight: 600;
	border: 1px solid #5D5D5D;
	padding: 15px 12px;
	margin-bottom: 15px;
	text-align: center;
	border-radius: 9px;
}
#counter-leaderBoard {
	background: linear-gradient(135deg, #BEEDFB, #DEF9FD);
	border-top-left-radius: 32.42px;
	border-top-right-radius: 32.42px;
	padding-bottom: 20px !important;
	border: 1px solid #50BDDC;
	padding-top: 30px !important;
	border-bottom: 0px;
}
.theme-color{
	color: #2097BA;
}
.theme-tab-headings-bg a{
	margin-right: 25px;
}
.active-last{
	margin-right: 0px !important;
}

tr.board-div {
	background: transparent;
}
.board-div.board-entry-text {
	border-left: 0px !important;
}
.board-div.board-entry-number {
	text-align: left;
	padding-left: 30px;
	border-right: 0px !important;
	font-weight: 800;
}
.board-table tr th:first-child{
	padding-left: 30px;
}
.board-table tr th:last-child{
	padding-right: 30px;
}
.board-div .mb-0.text-black.fs-16{
	font-weight: 800;
}
.board-table .table th {
	font-weight: 600;
	padding: 17px;
}
.mdi.mdi-heart.text-white {
	color: white !important;
}
.submission-grid-card-board .challenge-entry-card img.half{
	height: 180px !important;
}

span.like-count {
	color: #000;
}
.likes-section i{
	position: relative;
	left: 5px;
}

.rank-badge {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  background: #999;
  color: #fff;
  font-weight: bold;
  padding: 5px 12px;
  border-radius: 8px;
  font-size: 16px;
}

.pos-absolute {
	position: absolute;
	top: 38%;
	text-align: left;
	margin: 0 auto;
	left: 0;
	right: 0;
	line-height: 14px;
}

.likes-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 10px;
}

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

.label-text {
  font-size: 14px;
  color: #000000;
	font-weight: 300;
	text-align: center;
}
#timer-box{
	height: 100%;
	align-content: end;
	margin-right: 30px;
}
#timer-box h3{
	color: #2097BA;
	font-weight: 500;
	font-size: 20px;
	text-transform: capitalize;
	text-align: right;
}
#timer-box .board-div.board-entry-text {
	background: transparent;
	border: none !important;
}

.input-price span input {
	width: 30%;
	display: inline-block;
	appearance: textfield !important;
  -webkit-appearance: textfield !important;
  -moz-appearance: textfield !important;
	text-align: center;
}
.input-price{
	text-align: right;

}
.status-challenge {
	color: #2097BA;
	font-size: 18px;
	font-weight: 800;
	text-transform: capitalize;
	padding: 8px 40px;
	border: 1px solid #50BDDC;
	border-radius: 10px;
	display: inline-block;
	float: right;
	margin-top: 10px;
	background: #ECFBFF;
	position: relative;
	left: 5px;
}
.status-challenge.bg-gradient-warning
{
    border: unset !important;
}
.align-items-end {
	align-content: end;
}
.board-entry .board-div.board-entry-number {
	padding: 0px !important;
	text-align: center;
	border-right: 1px solid #5D5D5D !important;
}
.board-entry-full .board-div.board-entry-text{
	border-left: 1px solid #5D5D5D !important;
}
#timer-box .board-div.board-entry-number {
	border: 0px !important;
	width: 66px;
	float: right;
}
.winner-box.d-sm-none {
	display: block !important;
}

a.dismissIcon.s5 img{
	top: 5px;
	right: 5px;
}
.board-div span span.fs-12 {
	position: relative;
	bottom: 28px;
	font-size: 10px;
}
.right-content-bg {
	background-position: top left;
	background-size: contain;
	width: 100%;
	background-repeat: no-repeat;
	background-attachment: inherit;
	width: 97%;
	margin: 0 auto;
	position: relative;
}
@media(max-width:767px){
	.challenge-detail-info{
		padding-top: 4.5rem !important;
	}
	#timer-box
	{
		margin: 15px 0px;
	}
	.winner-box.d-sm-none{
		display: none;
	}
	.winner-box{
		margin-top: 40px;
	}
	.challenge-box img{
		height: 200px !important;
	}
	.theme-tab-headings .active-last{
		flex: auto !important;
	}
	#challenge-counter .theme-paragraph.fs-32 {
		font-size: 18px;
	}
	.challenge-detail-info .gap-5{
		gap: 1rem !important;
	}
	.ribbon-box .ribbon-two{
		top: 47px !important;
	}
	.theme-tab-headings-bg a{
		margin-right: 5px;
	}
	.col-sm-6.col-3{
		width: 50%;
	}
	.submission-grid-card.submission-grid-card-style{
		margin-bottom: 15px;
	}
	.board-entry-table thead tr th:first-child {
		width: 20% !important;
	}
}
.challenge-detail-info{
	background: transparent;
}
.ribbon {
  width: 90px;
  height: 90px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
}

.ribbon span {
  position: absolute;
  display: block;
  width: 140px;
  padding: 4px 0;
  background: linear-gradient(to right, #22CD00, #116700);
  color: white;
  font-weight: bold;
  text-align: center;
  transform: rotate(45deg);
  top: 18px;
  right: -40px;
  font-size: 14px;
}
.full-title{
	font-weight: 600px;
	font-size: 22px;

}
.challenge-entry-card{
	border-radius: 18px;
}
.submission-number{
	border-top-left-radius: 18px;
}
.challenge-detail-info-bottom p:first-child{
	font-weight: 500 !important;
}
.board-entry-full .board-entry-number img{
	bottom: 0px;
}
.board-entry-full .board-div.board-entry-number{
	height: 59px;
}
.board-entry-full .board-div.board-entry-number{
	width: 85px;
	border: 0px !important;
}
.theme-tab-heading.active.active-last.btn-arrows-style-modal{
	background: #50BDDC;
}
.theme-tab-headings .active-last {
  flex: 0 0 50%;
  max-width: 50%;
}
.completed-item{
	background: linear-gradient(135deg, #FEBA2B, #FF3E3A) !important;
}
div.separator{
	position: relative;
}
.bg-light-theme{
	background: #F2FEFF;
	border: 1px solid #F3F3F3 !important;
}

.user-stats{
	background: #EFFFFE;
	padding: 8px 12px;
	border-radius: 12px;
	display: inline-block;
}
.user-stats span {
	font-size: 15px;
	font-weight: 400;
	color: #000000;
	padding: 10px 15px;
	display: inline-flex;
}
.user-stats span.active-filter{
	background-color: #CEFCFF;
	border-radius: 12px;
}
.text-right{
	text-align: right;
}

#userBtns{
	text-align: right;
}
#userBtns a , #userDetailBox a{
	background: #96F9FF;
	border: 1px solid #50BCDD;
	color: #000000;
	border-radius: 10px;
	padding: 12px 5px;
	min-width: 120px;
	text-align: center;
	display: inline-block;
	margin-right: 5px;
}
#userBtns a:last-child , #userDetailBox a:last-child{
	margin-right: 0px !important;
}
#userDetailBox{
	width: 95%;
}
.u-flex-column{
	flex-direction:column;
	justify-content: space-between;
	height: 100%;
}
#userDetailBox h3 {
	font-size: 30px;
	font-weight: bold;
	color: #000000;
}
#userDetailBox p {
	font-weight: 400;
	font-size: 13px;
}
#userDetailBox p span{
	margin-right: 15px;
}
#actionBtn a.w-auto {
	min-width: 55px !important;
	background: #2097BA;
	padding: 10px 0px;
	border-color: #96F9FF;
}

#userBtns,#actionUser {
	position: absolute;
	top: 0;
	right: 0;
}
#userBtns a{
	min-width: 55px !important;
	border-color: #2097BA;
}
.custom-dropdown ul li a {
	color: #FF0000;
	padding: 5px 20px;
	font-weight: 400;
}
.custom-dropdown .menu-style-2 .marker.marker-left{
	right: 6px;
	left: unset;
}
.theme-tab-headings-bg a{
	font-weight: normal;
}
.theme-tab-headings-bg a.active{
	font-weight: bold;
}
#actionUser,#userBtns{
	top: -30px;
}
.no-gradient{
	background: #50BCDD !important;
}
#actionUser .theme-dropdown-menu.menu-style-2 {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
	border-radius: 8px;
}
#searchBar #search {
	border: 1px solid #2097BA;
	height: 44px;
	padding-left: 40px;
	color: #1895BB;
}
#searchBar #search::placeholder {
  color: #1895BB; /* your desired color */
  opacity: 1; /* Optional: ensures it's not too faint */
}
#searchBar img {
	position: absolute;
	bottom: 14px;
	left: 25px;
}
.custom-tabs .theme-tab-headings.theme-tab-headings-bg {
	border-bottom: 1px solid #50BDDC;
}
.custom-tabs .theme-tab-headings a.active{
	color: #000;
	font-weight: bold;
	background-position: bottom !important;
    background-repeat: no-repeat !important;
}
.profile-div{
	margin-bottom: 15px;
}
.tags-icon{
	background: #DBFDFF;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	line-height: 60px;
	text-align: center;
	margin-right: 10px;
}
.tags-icon span{
	color: #1895BB;
	line-height: 50px;
	text-align: center;
	font-size: 22px;
}
.profile-icon{
	margin-right: 10px;
}
.tags-label span ,.profile-label span{
	color: #1895BB;
	font-size: 22px;
	font-weight: 400;
}
.tags-div {
	margin-bottom: 15px;
}

.challenge-content-search h4{
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 0px;
	color: #fff;
}
.challenge-content-search p{
	font-weight: 400;
	font-size: 10px;
	margin-bottom: 0px;
	color: #fff;
}
.challenge-box {
	position: relative;
}
.challenge-content-search {
	position: absolute;
	bottom: 20px;
	left: 10px;
}
.headH4 {
	color: #000000;
	font-size: 20px;
	font-weight: 500;
	margin: 20px 0px;
}
#challengeRowTwo .challenge-content-search h4 , #challengeRowThree .challenge-content-search h4
{
	font-size: 11px;
}
.owl-carousel .owl-item span img {
	width: auto !important;
	display: inline-block;
}
.profile-label {
	width: 100%;
}
.profile-label .d-flex{
	justify-content: space-between;
	align-items: center;
}
.profile-label .followBtn{
	font-size: 16px;
	color: #FFFFFF;
	padding: 7px 18px;
	border-radius: 5px;
	background: linear-gradient(135deg, #50BDDC, #95F8FE);;
	font-weight: 400;
}
.profile-icon img {
	height: 60px;
	width: 60px;
	border-radius: 50%;
	object-fit: cover;
}
.leader-counter {
	border: 2.5px solid #50BDDC;
	height: 100%;
	font-size: 34px;
	padding: 0px 10px;
	text-align: center;
	border-radius: 5px;
	margin-right: 10px;
	min-width: 68px;
}
.leader-text-gradient{
	background: linear-gradient(to right, #50BDDC, #86F8FFC7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.leader-data{
	width: 100%;
	border: 2.5px solid #50BDDC;
	border-radius: 5px;
	padding: 9px 15px 7px;
}
.leader-row {
	margin-bottom: 10px;
}
.leader-row:last-child{
	margin-bottom: 0px;
}
.active .leader-data, .active .leader-counter {
	background: linear-gradient(to right, #50BDDC, #86F8FFC7);
	color: #fff !important;
	border: transparent !important;
}
.active .leader-data a{
	color: #fff !important;
	font-weight: normal !important;
}
.leader-data a{
	font-weight: normal !important;
}
.active .leader-data a i,.active .leader-data a span{
	color: #000 !important;
}
.dark-row span , .dark-row .likeText a span{
	color: #000 !important;
}

.dark-row .leader-counter,.dark-row .leader-data{
	border:1.2px solid #000 !important;
}
.arrows-pos {
	position: absolute;
	left: 5px;
	top: -5px;
}
.pos-relative{
	position: relative;
}
#LeaderBoardModal .modal-content {
	border-radius: 26.48px;
	padding: 10px;
}

#upload-challenge h3 , #upload-challenge h3 a{
	color: #2097BA;
	font-size:28px;
	font-weight: 400;
}
.text-left{
	text-align: left !important;
}
#challenge-detail-box{
	background: #DDF7FF;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
}
#video-text{
	padding: 20px 30px 30px;
}
#challenge-detail-box p{
	font-weight: 400;
}
#challenge-detail-box h4{
	color: #2097BA;
	font-weight: 32px;
	font-weight: 600;
}
#upload-video .form-file-input {
	border: 5px dashed #11C6E4;
	border-radius: 50px;
	height: 270px;
}
#upload-video h2 {
	font-weight: 400;
	font-size: 24px;
	color: #11C6E4;
}
#videos-tags span{
	display: inline-block;
	background: #DBFDFF;
	color: #1895BB;
	font-weight: 600;
	font-size: 20px;
	border-radius: 100px;
	height: 60px;
	min-width: 120px;
	text-align: center;
	line-height: 60px;
}
#videos-tags span img{
	position: relative;
	bottom: 1px;
	margin-right: 2px;
}
#video-thumbnail{
	background: #000000;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
	height: 400px;
}
#video-thumbnail img.thumb{
	height: 400px;
	display: block;
	margin: 0 auto;
	position: relative;
}
#actionBtns a.btn , #actionBtns button.btn{
	height: 50px;
	font-size: 20px !important;
	line-height: 36px;
	font-weight: 400;
}

.fit-content{
	width: fit-content;
	margin: 0 auto;
}
#actionBtns .theme-hexagon-btn{
	width: 30px !important;
	height: 50px !important;
}
.fw-normal{
	font-weight: 400;
}
#reportingReason textarea {
	border: 1px solid #F0F0F0;
	background: #FBFBFB;
	padding: 15px;
	border-radius: 8px;
}
#reportingReason textarea::placeholder{
	color: #2097BA;
	font-size: 15px;
	opacity: 0.7;
}
.color-blue{
	color: #2097BA;
}
.separator::before {
	position: absolute;
	content: "";
	height: 75px;
	border: 1px solid #000;
	right: -25px;
}
.text-uppercase{
	text-transform: uppercase;
}
.profile-file-input{
	border:5px dashed #11C6E4;
}
.avatar-change-box img{
	border: 3px solid #2097BA;
}
.avatar-change-box .avatar-change-icon{
	background: #E6FEFF;
}
.avatar-change-box .avatar-change-icon i{
	color: #000;
}
.settings-view{
	width: 60%;
}
#profileForm h3 {
	color: #2097BA;
	font-weight: 400;
	font-size: 24px;
}
.theme-input{
	background: #DBFDFF;
}
.iti--separate-dial-code .iti__selected-flag{
	background: transparent;
}
.input-price span input{
	width: 25%;
	border-bottom: 2px solid #1895BB !important;
}
.counter-entry h4,.status-challenge{
	font-size: 16px;
}
.modal-theme-lg{
	max-width: 850px !important;
}
.modal-55-45-flex .image-box .image-box-video{
	border: 9px solid #50BCDD;
	border-radius: 47.64px;
}
.rounded-theme-modal .modal-content{
	border-radius: 47.64px;
}
.submission-content-width-custom img.profile-avatar-md {
    border: 1px solid;
	height: 66px;
	width: 66px;
}
.modal-55-45-flex .submission-content{
	margin-top: 10px;
	padding-right: 15px;
}
.modal-55-45-flex .btn-close{
	display: none;
}
.submission-content-width-custom h5 a {
    color: #000000;
    font-size: 20px !important;
}
.comment-card-center{
	align-items: center;
}
.comment-card .comment-info{
	align-items: start;
}
.avatar-position{
	height:74px;
    width: 74px;
    object-fit: cover;
    border: 1px solid #50BDDC;
    border-radius: 12px;
}
.form-file-input{
	height: 270px;
}

.form-group span.text-theme-primary {
    font-weight: 400 !important;
}

.tag-label {
	display: inline-block;
	padding: 6px 19px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 6.04px;
	background-color: #DBFDFF;
	cursor: pointer;
	transition: background-color 0.3s, border-color 0.3s;
	color: #2097BA;
	font-weight: 600;
}
.search-tags-input input {
	font-size: 13px !important;
	padding: 0.4rem 1rem;
	padding-left: 35px !important;
	border: 1px solid #2097BA;
	border-radius: 0.66px;
	height: 38px;
}
.search-tags-input .icon{
	top: 6px;
}
#search_t::placeholder {
	color: #2097BA;
	font-size: 10.5px;
	font-weight: 300;
}
.filter-box-content h6 {
	color: #2097BA;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 18px;
}
.filter-box-content {
	position: relative;
	max-height: 68vh;
	width: 393px;
	box-shadow: 0 0 5px #d5d3d3;
	border-radius: 20px;
	overflow: hidden;
	background-color: #ffffff;
	padding: 20px;
	border-radius: 41px;
}
.tag-container{
	justify-content: left;
}
.tag-label{
	padding: 4px 15px;
}
#filterSubmitBtn , .padding-btn-custom{
	clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
	padding: 15px !important;
	color: #2097BA;
	font-weight: 600;
	border-radius: 0px !important;
	border: none !important;
}
#filterSubmitBtn {
	color: #fff !important;
	font-weight: 600;
}
.challenges{
	margin-top: 10px;
}
.challenge-content .profile-avatar-md {
	height: 44px;
	width: 44px;
	border: 1px solid #2097BA;
}
.challenge-title{
	font-size: 24px;
	font-weight: 300;
	color: #000000;
}
.challenge-record{
	width: 82%;
}
.challenge-shim-record{
	width: 82%;
}
.theme-dropdown-menu.menu-style-2 ul {
	background: #E7FDFF;
	padding: 10px 5px;
}
.theme-dropdown-menu.menu-style-2 .marker.marker-left{
	color: #E7FDFF !important;
}
.challenge-right-info-content .theme-dropdown-sm .theme-dropdown-menu li a {
	font-size: 13px;
	font-weight: 300 !important;
	line-height: 22px;
}
.ribbon span.completed-item{
	font-size: 12px !important;
}
.challenge-right-info-content{
	right: 15%;
}
.challenge-video .challenge-content-search {
	left: 7%;
	bottom: 7%;
    z-index: 99;
}
.challenge-video .challenge-content-search p{
	font-size: 13px;
	margin-right: 15px;
}
.challenge-content-search h4 a {
	color: #000000;
	font-size: 8px;
	border: 1px solid #fff;
	border-radius: 3.5px;
	background-image: linear-gradient(to right, #50BCDD, #96F9FF);
	width: 90px 1;
	display: inline-block;
	padding: 3px 15px;
	text-transform: capitalize;
	margin-left: 20px;
	position: relative;
	bottom: 2px;
}
.challenge-content-search .challenge-timer {
	background: rgba(256,256,256,0.2);
	display: inline-block;
	width: auto;
	border-radius: 6px;
	padding: 2px 18px;
	margin-bottom: 10px;
}
.challenge-tabs-top {
	position: absolute;
	top: 7%;
	right: 0;
	height: 10px;
	width: auto;
	left: 0;
	margin: 0 auto;
	text-align: center;
    cursor: pointer;
    z-index: 999;
}
.challenge-tabs p {
	margin-bottom: 0px;
	display: inline-block;
	margin: 0 auto;
	color: #FFFFFF;
	font-weight: 400;
	border: 1px solid;
	border-radius: 50px;
}
.challenge-tabs p span {
	padding: 3px 12px;
	display: inline-block;
	border-radius: 50px;
}
.color-gradient {
	background: linear-gradient(to right, #50BCDD, #96F9FF);
}
.color-gradient-2{
	background: linear-gradient(to right, #96F9FF, #50BCDD);
}
.challenge-content .challenge-video{
	height: 78vh;
}
.challenges-slider-top {
	margin-top: 15px;
	position: absolute;
	right: 0;
}
.challenges-slider-top-img {
	position: relative;
}
.challenges-slider-content {
	position: absolute;
	bottom: 0;
}
.challenges-slider-content h4 {
	font-size: 10px;
	color: #fff;
	margin: 0px;
	text-align: left;
}
.challenges-slider-content p {
	font-size: 7px;
	color: #fff;
	text-align: left;
}
.challenges-slider-content .profile-avatar-sm{
	height: 20px;
	width: 20px;
	margin: 0px 2px;
}
.mr-1{
	margin-right: 5px;
}
#arrow-right-toggle {
	display: inline-block;
	width: 20px ;
	height: 20px !important;
	position: absolute;
	left: -4.2%;
	z-index: 999;
	text-align: 10%;
	top: 10%;
	text-align: center;
}
.theme-input-2::placeholder , .bootstrap-tagsinput input , .bootstrap-tagsinput input::placeholder {
	color: #76CDE7;
}
span.follow-icon{
	height: 14px;
	  width: 14px;
	  display: inline-block;
	  font-size: 7px;
	  text-align: center;
	  border-radius: 50%;
	  line-height: 14px;
	  position: absolute;
	  right: 0px;
	  bottom: 0;
}
p.price {
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px 15px;
	text-align: center;
	color: #fff;
	font-weight: 400;
	background: linear-gradient(to right, #96F9FF, #50BCDD);
	clip-path: polygon(15% 0%,100% 0%, 100% 50%, 100% 100%, 15% 101%, 0% 50%);
}
#logoBg{
	position: absolute;
	right: 0;
	width: 20%;
	top: 0;
	opacity: 0.8;
}
span.view-challenge{
	display: inline-block;
	padding: 2px 10px;
	border-radius: 3px;
}
.add-comment .theme-input {
	padding: 0.5rem 1.3rem;
	font-size: 13px;
	background: #F8F8F8;
	height: 55px;
}
.add-comment .theme-input::placeholder{
	color: #50BDDC;
}
.add-comment-btn {
	border-radius: 50%;
	background-color: #DDF7FF;
	color: #00687A;
	padding: 13px 16px;
	border: none !important;
}
#infoBlock p{
	margin-right: 30px;
	font-weight: 400;
	margin: 0px 0px 0px 15px;;
}
#infoBlock p img{
	margin-right: 10px;
}

.modal-55-45-flex .submission-content .comments{
	height: 45vh;
}
.modal-55-45-flex .image-box{
	height: 96vh;
}
#submission-right-content {
	position: absolute;
	right: -7%;
	top: 0;
}
.arrow-icon {
	background: rgba(0,0,0,0.7);
	height: 50px;
	line-height: 50px;
	width: 42px;
	border-radius: 24px;
	text-align: center;
	margin-bottom: 5px;
}
.modal-55-45-flex .submission-content{
	background: inherit;
}
.rounded-theme-modal .modal-content-visible{
	overflow: visible;
}
#submission-right-content .theme-dropdown-sm{
	margin-left: -5px;
}

.submission-icons{
	position: relative;
	bottom: 25%;
}
.menu-style-2 ul li a:hover{
	background: transparent !important;
}
#rewardPool {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: 10px;
}
#winingAmount {
	padding-left: 25px;
}
#submission-icons {
	position: relative;
	bottom: 25%;
}

.theme-input-group input::placeholder {
	color: #50BCDD99;
}
.text-color-blue{
	color: #50BCDD;
}
#border_btn {
	border: 1px solid #50BCDD;
	background: transparent;
	color: #000000;
}
.btn-auth-lg{
	width: 80%;
	display: block;
	margin: 0 auto;
	font-size: 18px;
	padding: 10px;
}
#submit_btn.btn-auth-lg {
	clip-path: polygon(5% 0%, 95% 0%, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
}
.theme-color{
	color: #2097BA;
}
.arrow-toggle-left {
	width: 45px !important;
}
#authModal btn.close{
	position: absolute;
	right:30px;
	top: 25px;
}
#authModal .modal-content {
	border-radius: 26px !important;
}
.modal .auth-form {
	width: 80%;
	margin: 15px auto;
}
.modal-dialog.modal-dialog-centered.modal-md {
	max-width: 400px;
}
#auth-modal {
	background: #000;
	border-radius: 20px;
	width: 90%;
	margin: 10px auto;
	height: 100%;
	align-content: center;
}
.theme-input-otp {
	height: 107px;
	width: 55px !important;
	display: inline-block;
	padding: 0px 10px !important;
	text-align: center;
	border-radius: 17.73px;
	border: 1px solid #2097BA;
}
.ml-15{
	margin-left: 15px;
}
.theme-input-group .icon{
	opacity: 0.5;
}

.br-100{
	border-radius: 100px;
}
.styled-icon-inner {
	height: 55px;
	width: 55px;
	border-radius: 50%;
	text-align: center;
	line-height: 55px;
	background: transparent !important;
}
.sidebar-icon {
	height: 24px;
	object-fit: contain;
	margin: 0 auto;
	text-align: center;
	position: relative;
	left: 6px;
}
.theme-heading-styled-2 , .theme-heading-styled{
	background: #DBFDFF;
}
#notificationsData .styled-icon-img img{
	height: 54px !important;
	width: 54px !important;
}
.btn-arrows-style, .btn-arrows-style-modal {
	border: none !important;
}
.onboarding-select-option{
	width: 80%;
	margin: 0 auto;
}
.theme-option p.price {
	background: transparent;
	position: relative;
}
.theme-select-option.active .theme-option {
	background: rgba(199, 134, 6, 1);
	color: white;
	padding: 15px 25px;
	clip-path:polygon(8% 0%, 92% 0%, 100% 50%, 92% 100%, 8% 100%, 0% 50%);
}
.highlight-challenge-modal-content{
	padding: 35px 50px;
}
.theme-select-option{
	border: none;
}
.theme-option {
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 1rem;
	width: 100%;
	border-radius: 27px;
	padding: 3px 10px 3px 13px;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	text-align: left;
	position: relative;
	background-color: #fff;
	background-clip: padding-box;
	/* clip-path: polygon(15% 0, 84% 0, 100% 50%, 85% 100%, 15% 100%, 0% 50%); */
	transition: background 0.3s, border 0.3s;
	background: rgba(255, 196, 81, 1);
	clip-path: polygon(8% 0%, 92% 0%, 100% 50%, 92% 100%, 8% 100%, 0% 50%);
	padding: 15px 25px;
}
.theme-option .content p {
	font-size: 13px;
	color: rgba(199, 134, 6, 1);
	font-weight: 400;
}
.theme-option .content h3 {
	font-size: 18px;
	font-weight: 400;
	margin: 0;
	color: rgba(199, 134, 6, 1);
	margin-bottom: 4px;
}
#close-modal {
	height: 36px !important;
	width: 36px !important;
	border-radius: 50%;
	line-height: 36px !important;
	font-size: 15px;
}
.theme-option p.price{
	color: rgba(199, 134, 6, 1);
}
.comment-stat span{
	color: #1895BB;
}
#msgBoxForm #submitButton {
	background: #c6eaf4 !important;
	border-color: #c6eaf4 !important;
	color: #00687A !important;
	border-radius: 50%;
	padding: 13px 10px;
}
#msgBoxForm #submitButton {
	background: #c6eaf4 !important;
	border-color: #c6eaf4 !important;
	color: #00687A !important;
}
#msgBoxForm #submitButton i{
	color: #00687A !important;
}
.message-user-option{
	padding: 12px 10px;
}
#msgBoxForm .theme-input {
	padding: 0.5rem 1.3rem;
	font-size: 13px;
	background: #F8F8F8;

}
#msgBoxForm .theme-input::placeholder {
	color: #50BDDC;
}
#emptyChallenge p.theme-paragraph{
	font-weight: normal;
}
.profile-insights-topbar a.active {
	opacity: 1;
	border-bottom: 1px solid #74bfd6;
	background: linear-gradient(135deg, #50BDDC, #95F8FE);
	color: #fff;
	padding: 10px 20px;
	border-radius: 8px;
	border-color: #2097BA;
	border: 1px solid #2097BA;
}
.profile-insights-topbar a {
	font-size: 16px;
	opacity: 1;
	background: #fff;
	border: 1px solid lightgrey;
	padding: 10px 12px;
	border-radius: 8px;
	color: #000000E5;
	font-weight: normal;
}
#userDetailBox a:hover {
	background: linear-gradient(to right, #47b8db, #6adce2);
}
.insight-options .option-btn {
	background: #dbfdff;
	color: #50bcdd;
	font-size: 17px;
	font-weight: 400;
	border: none;
	border-radius: 8px;
	padding: 10px 40px;
	text-transform: uppercase;
	box-shadow: none;
	cursor: pointer;
	outline: none;
	transition: transform 0.2s, box-shadow 0.2s;
	clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
}
.form-control{
	color: #76CDE7 !important;
}
.settings-view .theme-card-none h2 img {
	display: none;
}


.modal .btn-rounded {
	padding: 8px 40px;
	border-radius: 30px;
}
.sucessModal .modal-content{
	border-radius: 50px;
}
#share{
	margin: 10px 0px;
}
#share img{
	margin: 0px 2px;
}
.form-control.share {
	background: #DBFDFE;
	border-radius: 40px;
	margin-bottom: 20px;
	width: 85%;
	margin: 20px auto 20px;
}
.boostDiv {
	position: relative;
}
.boostDiv b {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 0;
	color: #fff;
	margin-top: 1px;
}
#spinnerDiv{
	max-width: 500px;
}
#spinnerDiv .balance-box{
	position: absolute;
	  top: 30px;
	  left: 0;
	  right: 0;
}
#spinnerDiv {
	margin-top: 50px;
}
#interestSection {
	text-align: center;
}
.intBlock{
	display: inline-block;
	border: 1px solid #00000033;
	padding: 5px 15px;
	border-radius: 40px;
	margin-bottom: 10px;
	margin-right: 5px;
}
.intBlock span{
	color: #000000;
	font-weight: normal;
	font-size: 18px;
}

.intBlock.active {
	background: linear-gradient(to right, #47b8db, #7be8ee);
	border: #47b8db;
	color: #fff;
}
.intBlock.active span{
	color: #fff;
}
.challenges{
	overflow-x: hidden;
}

#homeComments {
	background: #fff;
	position: absolute;
	right: 0;
	width: 345px;
	height: 100%;
	top: 0;
	z-index: 99999;
	padding: 0px 15px;
	border-top-left-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0, 199, 255, 0.2);
}
#homeComments .comments {
	height: 75vh;
	overflow-y: auto;
}
#homeComments .add-comment{
	padding: 5px 0px 10px 0px;
}
.sheet-open {
	margin: 0 30px !important;
	width: 70%;
}
#continueToNext {
	clip-path: polygon(4% 0%, 96% 0%, 100% 50%, 96% 100%, 4% 100%, 0% 50%);
}
.logo{
	margin-bottom: 0px !important;
}
.sidemenu .sidemenu-navigation .sidemenu-link {
	list-style: none;
	margin:0px !important;
	padding: 5px 15px;
}
.sidemenu-link.active {
	background: #DBFDFF;
	padding: 7.5px 15px !important;
	border-radius: 20px;
}
.sidemenu .gmc-slider {
	width: 100%;
}
#authModal .btn-close {
	margin-right: 5px;
	margin-top: 5px;
}
.challenge-left-info-content .theme-dropdown-sm {
	position: fixed !important;
	z-index: 99;
}
.challenge-left-info-content .flex-column {
	position: absolute;
	bottom: 0;
}
.scroll-icon {
    bottom: 15px;
    right: 15px !important;
}