/*Desktop Main Content Div*/
.loader {
	position: absolute;
	z-index: 7;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.desktop-view .main-content-desktop {
    display: flex;
    justify-content: center;
    margin: 0;
}
.desktop-view .login-div{
    height: 100vh !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.desktop-view .captcha-container{
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    align-items: baseline;
}

.desktop-view #captcha {
    display: inline-block;
    padding: 8px 12px;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
    border: 2px solid #4CAF50; /* Green border */
    border-radius: 4px;
    user-select: none;
    text-align: center;
    letter-spacing: 2px;
    position: relative;
    margin-right: 5px;
    background-image: url('../../../assets/img/bg-recaptcha.jpg'); /* Replace 'your-background-image.jpg' with the path to your image */
    background-size: cover;
    background-position: center;
    color: #000; 
}
    

.desktop-view #captcha span {
    text-decoration: line-through;
    letter-spacing: 0;
    font-size: 20px;
}

.desktop-view .refresh-captcha {
    cursor: pointer;
    color: #8b8b8b;
    margin-left: 10px;
}

.desktop-view #captcha-input {
    border: none;
    background: rgba(22, 24, 35, 0.06);
    border: 1px solid rgba(22, 24, 35, 0.12);
    border-radius: 5px;
    padding: 8px;
    box-sizing: border-box;
}

.desktop-view .refresh-captcha:hover {
    color: #000000;
}


/*Mobile Navbar*/
.mobile-view .navbar {
	display: flex;
	border-bottom: 5px Solid #eceff1;
	height: 60px;
	color: rgba(6, 37, 117);
}

.mobile-view .navbar .main-logo .main-logo-link {
	text-decoration: none;
	color: rgba(6, 37, 117);
}
.mobile-view .navbar .btn-download-moodapp {
	padding: 5px;
	background-color: #fe2b54;
	color: white;
	font-size: 12px;
	border-radius: 10px;
}

.mobile-main-content {
	text-align: center;
	color: #616161;
	height: calc(100vh - 115px);
}
/*Mobile Footer*/
.mobile-view .mobile-footer {
    display: flex;
    justify-content: space-around;
    height: 55px;
    width: 100%;
    background-color: #000000;
    z-index: 9999;
    color: #ffffff;
	padding-top: 5px;
    position: fixed;
    bottom: 0;
}

.mobile-view .mobile-footer .footer-nav {
    display: flex;
    text-align: center;
	padding-top: 2px;
}

.mobile-view .mobile-footer a {
    text-decoration: none;
    color: #ffffff; 
}

.mobile-view .mobile-footer img {
    width: 22px; 
    margin-bottom: 2px; 
	color:#b7b7b7;
}

.mobile-view .mobile-footer .footer-nav p{
	font-size: 12px;
}





.desktop-view #searchModal #searchModalContent .profile-row {
	display: flex;
	border-bottom: 1px solid #cfd1d3;
	margin-top: 3px;
	color: #000000;
}

.desktop-view
	#searchModal
	#searchModalContent
	.profile-row
	.profile-details
	h5 {
	margin-bottom: 0;
}

.desktop-view .loader-more{
	display: none;
	justify-content: center;
    align-items: center;
}

.desktop-view .div-buycoin-cotainer{
    display: flex;
    justify-content: center;
    max-width: 520px;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.desktop-view .login-modal-title-div{
    display: flex;
    align-items: center;
}
.desktop-view .login-modal-title-div img{
    margin-left: 10px;
}

.desktop-view .login-modal-title {
    color: rgb(22, 24, 35);
    font-size: 32px;
    margin: 16px auto;
    font-weight: bold;
    text-align: center;
    overflow-wrap: break-word;
}

.desktop-view .phone-label {
    color: rgb(22, 24, 35);
    font-weight: 600;
    font-size: 15px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px;
}

.desktop-view .css-15iauzg-DivContainer {
    margin-bottom: 9px;
}

.desktop-view .phone-input-container, .desktop-view .code-input-container {
    display: flex;
    background: rgba(22, 24, 35, 0.06);
    border: 1px solid rgba(22, 24, 35, 0.12);
    transition: all 0.3s ease 0s;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.desktop-view .country-code {
    width: 34%;
    background: transparent;
    border: none;
    padding: 10px;
    box-sizing: border-box;
    border-right: 1px solid rgba(22, 24, 35, 0.12);
    color: rgb(22, 24, 35);
}

.desktop-view .phone-number {
    flex: 1;
    border: none;
    background: transparent;
    padding: 10px;
    box-sizing: border-box;
    color: rgb(22, 24, 35);
}

.desktop-view .verification-code {
    width:65%;
    border: none;
    background: transparent;
    padding: 10px;
    box-sizing: border-box;
    color: rgb(22, 24, 35);
}

.desktop-view .sendCodeButton{
    flex: 1;
    /*
    border: none;
    background: black;
    */
    padding: 10px;
    box-sizing: border-box;
    /*color: rgb(255, 255, 255);*/
    background-color: transparent;
    color: #000000;
    border: 1px solid #000000;
    cursor: not-allowed;
    pointer-events: none;
    
}

.desktop-view .activeSendCode{
    border: none !important;
    background: black !important;
    color: rgb(255, 255, 255) !important;
    pointer-events: auto !important;
    cursor: pointer;
}

.desktop-view .submit-container{
    display: flex;
    justify-content: center;
}

.desktop-view .buyNowButton{
    border: none;
    /*background: black;*/
    background-color: #ccc;
    padding: 10px;
    box-sizing: border-box;
    /*color: rgb(255, 255, 255);*/
    color: #000;
    pointer-events: none;
    cursor: not-allowed;
    border-radius: 5px;
    min-width: 300px;
}

.activeVerifyButton{
    background-color: #fe2b54 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.desktop-view .info-p{
    color: rgba(22, 24, 35, 0.75);
    font-weight: 600;
    font-size: 12px;
}

.desktop-view .sent-message-p{
    display: none;
    font-weight: 600;
    font-size: 12px;
}

/*mobile*/

.mobile-view .login-div-p {
    width: 100%;
    padding: 20px;
    padding-bottom: 20%;
}

/* Adjustments for the form container */
.mobile-view .div-login-container-p {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    max-width: 400px;
    margin: 0 auto;
}

/* Adjustments for the title */
.mobile-view .login-modal-title-div-p{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    justify-content: center;
}

.mobile-view .login-modal-title-p {
    font-size: 24px;
    text-align: center;
    margin-right: 5px;
}

/* Adjustments for phone input and code input containers */
.mobile-view .phone-input-container-p,
.mobile-view .code-input-container-p {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

/* Adjustments for phone number and verification code inputs */
.mobile-view .country-code-p,
.mobile-view .phone-number-p,
.mobile-view .verification-code-p {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    color: #000;
}

/* Adjustments for buttons */
.mobile-view .sendCodeButtonP,
.mobile-view .buyNowButtonP {
    width: 100%;
    padding: 10px;
    /* background-color: #000000; */
    /* color: #fff; */
    border: none;
    border-radius: 5px;
    /* cursor: pointer; */
    background-color: #ccc;
    color: #000;
    pointer-events: none;
    cursor: not-allowed;
}
.mobile-view .activeSendCode{
    background-color: #000000 !important;
    color: #fff !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Adjustments for information paragraph */
.mobile-view .info-p {
    text-align: center;
    margin-bottom: 15px;
}

.mobile-view .sent-message-p-m{
    text-align: center;
    margin-bottom: 15px;
    display: none;
}

.mobile-view .captcha-container-m{
    margin-top: 5px;
    margin-bottom: 10px;
    display: flex;
    align-items: baseline;
}

.mobile-view .refresh-captcha-m {
    cursor: pointer;
    color: #8b8b8b;
    margin-left: 10px;
}

.mobile-view #captcha-input-m {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    color: #000;
    max-width: 55%;
}

.mobile-view .refresh-captcha-m:hover {
    color: #000000;
}

.mobile-view #captcha-m {
    display: inline-block;
    padding: 6px 12px;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
    border: 2px solid #4CAF50; /* Green border */
    border-radius: 4px;
    user-select: none;
    text-align: center;
    letter-spacing: 2px;
    position: relative;
    margin-right: 5px;
    background-image: url('../../../assets/img/bg-recaptcha.jpg'); /* Replace 'your-background-image.jpg' with the path to your image */
    background-size: cover;
    background-position: center;
    color: #000; 
    width: 30%;
}
    

.mobile-view #captcha-m span {
    text-decoration: line-through;
    letter-spacing: 0;
    font-size: 20px;
}

.mobile-view .select2-container .select2-selection--single{
    height: 36px;
    vertical-align: middle;
    text-align: left;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    color: #000;
}