:root {
    --maincolor: #10a992;
    --secondcolor: #783bff;
    --poppins: "Poppins", sans-serif;
}

body {
    margin: 0px;
    color: #0f0f10 !important;
    background-color: #eeeef1 !important;
    padding: 0px;
    font-family: "Lato", sans-serif !important;
    font-size: 12px;
    font-weight: 400;
}

.list-inline-item:not(:last-child) {
    margin-right: 0px;
}

a {
    text-decoration: none !important;
}

p {
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-bottom: 0rem !important;
}

.list-group-item {
    position: relative !important;
    padding: 0px !important;
    text-decoration: none !important;
    background-color: transparent !important;
    border: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0px;
}

ul {
    margin-block-start: 0px;
    margin-block-end: 0px;
    padding-inline-start: 0px;
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 0px !important;
}


/*  */
.mainbody {
    height: 100vh;
    display: flex;
    justify-content: center;
}

.innerBody {
    position: relative;
    width: 300px;
    height: 100%;
    background-color: #fff;
}

.mainContentLogin {
    padding: 10px;
    text-align: center;
}

.mainContentLogin img {
    width: 60%;
    margin-bottom: 25px;
    margin-top: 75px;
}

.mainContentLogin h2 {
    font-size: 17px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    margin-bottom: 5px !important;
    letter-spacing: -0.5px;
}

.messagelogin {
    font-size: 10px;
    font-weight: 500;
    color: red;
}

.nextLoginButton {
    background-color: var(--maincolor) !important;
    border: 0px !important;
    border-radius: 50px !important;
    padding: 8px !important;
    color: #fff !important;
}


.mainContentLogin button,
.loginEmail button,
.ifnotLoginShow button,
.comitbutton {
    background-color: #06b58f;
    color: #fff;    
    width: 190px;
    border: 0px;
    margin: 20px 0px 8px !important;
    font-size: 11px;
    font-weight: 600;
    border-radius: 50px;
    padding: 8px 10px;
    font-family: "Poppins", sans-serif;
}

.mainContentLogin button:hover,
.loginEmail button:hover,
.ifnotLoginShow button:hover,
.comitbutton:hover {
    background-color: #10a992;
}

.loginMsgpay {
    font-size: 11px;
    font-weight: 400;
}


.footerFix {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 99999999;
    background: #fafafa;
    border-top: 2px solid #dddddd4d;
    width: 300px;
    padding: 10px 40px;
}

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

.footerFix ul li a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

.footerFix li img {
    width: 20px;
}

.footerFix li a {
    font-size: 9px;
    font-weight: 500;
    color: #a5a9ae;
}

.activelink {
    color: #000 !important;
}

.loginEmail h2 {
    font-size: 17px;
    font-weight: 800;
    color: #333;
    margin-bottom: 1px !important;
    font-family: "Lato", sans-serif;
    letter-spacing: -0.5px;
    /* font-family: "Roboto", sans-serif; */
}

.loginEmail p {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    margin-bottom: 40px !important;
}

.loginEmail {
    padding: 16px;
}

.loginEmail button {
    width: 100%;
    font-family: "Poppins", sans-serif !important;
}

.inputSectionMain {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    margin-top: 30px;
    position: relative;
}

.inputSectionMain label {
    position: absolute;
    top: -9px;
    font-size: 10px;
    font-weight: 500;
    font-family: "Poppins", sans-serif !important;
    left: 10px;
    color: #666;
    background: #fff;
    padding: 0px 7px;
}

.loginEmail input {
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    padding: 14px 10px;
    background-color: transparent;
    border: 0px !important;
}

.backimg {
    width: 15px;
}

.mainTextBody {
    /* background-color: #f8f9fc; */
    padding: 10px;
    padding-top: 70px;
}

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

.otherExchangeDiv img {
    width: 100px;
}

.exchangeSection {
    width: 48%;
    background-color: #fff;
    padding: 10px;
    border-radius: 4px;
}

.minmaxnum {
    font-size: 11px;
    font-weight: 500;
    color: #363535;
}

.minmaxnum span {
    color: #000;
}

.oneusdtprice {
    font-size: 8px;
    font-weight: 500;
    color: #a5a9ae;
    margin-bottom: 7px !important;
}

.avragepricediv {
    font-size: 14px;
    font-weight: 400;
}

.avragepricediv span {
    font-size: 18px;
    font-weight: 800;
}

.mainTextBody h3 {
    font-size: 12px;
    font-weight: 600;
}

.basednumber {
    font-size: 9px;
    color: #4b4848;
    font-weight: 500;
    text-align: center;
    margin: 10px 0px 15px !important;
}

.platAdvan {
    background-color: #fff;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.platAdvan h2 {
    font-size: 12px;
    font-weight: 600;
    color: #000;
}

.platAdvan img {
    width: 20px;
    margin-right: 5px;
}

.platAdvan p {
    font-size: 12px;
    color: #4e4e4e;
    font-weight: 500;
}

.lastadvan {
    margin-bottom: 70px !important;
}

.ifnotLoginShow {
    text-align: center;
}

.ifnotLoginShow button {
    width: 240px;
}

.yellowSection {
    background-color: #fff;
    background-image: url('../images/yellow.png');
    background-position: top;
    background-size: cover;
    padding: 20px 10px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.refressTime {
    font-size: 9px;
    font-weight: 500;
    color: #777;
}

.refressTime span {
    color: #e8a20ce6;
}

.onepriceex {
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainPriceshow h4 {
    font-size: 20px;
    font-weight: 700;
}

.mainPriceshow h4 span {
    font-size: 9px;
    background-color: #fe5e22;
    border: 1px solid #ddd;
    padding: 2px 5px;
    color: #fff;
    font-weight: 400;
}

.darkYelloSec {
    border-radius: 8px;
    background-color: #feeea8;
    padding: 10px;
    margin-top: 15px;
}

.yellowSection tbody {
    border-radius: 4px !important;
    overflow: hidden;
    background-color: #fff;
}

.yellowSection table {
    font-size: 10px;
    font-weight: 500;
    width: 100%;
}

.yellowSection thead tr th {
    padding-bottom: 10px !important;
}

.yellowSection thead {
    font-size: 10px;
    font-weight: 500;
}

.yellowSection tbody tr {
    border-bottom: 2px solid #fafafa;
}

.yellowSection tbody tr td {
    padding: 5px;
}

.yellowSection a {
    color: rgb(1, 44, 42);
    font-size: 10px;
    font-weight: 500;
    text-decoration: underline !important;
}

.mainlinkqro {
    display: flex;
    margin-top: 20px;
    justify-content: space-around;
}

.mainlinkqro img {
    width: 30px;
}

.mainlinkqro a {
    text-decoration: none !important;
    color: #000;
}

.mainlinkqro a:hover {
    color: #000;
}

.headersection {
    display: flex;
    padding: 6px 15px;
    align-items: center;
    /* position: fixed; */
    /* top: 0px; */
    /* left: inherit; */
    width: 300px;
    z-index: 99999999;
}

.conthead {
    height: 18px;
    width: 18px !important;
}


.bannerimage {
    margin-bottom: 10px;
    width: 100%;
    border-radius: 10px;
}

.mainTextBodyHome {
    padding: 10px 12px 80px;
}

.sectionThreein {
    display: flex;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #d3d0d0;
}

.sectionThreein img {
    width: 65px;
    margin-right: 10px;
}

.sectionThreein h2 {
    font-size: 12px;
    font-weight: 700;
}

.sectionThreein p {
    font-size: 10px;
    font-weight: 500;
    color: #666;
}

.officalimage {
    margin-left: 15%;
    width: 70%;
}

.officalss {
    font-size: 12px;
    font-weight: 600;
    margin: 20px 0px !important;
    text-align: center;
}

.mainTextBodyHome h3 {
    font-size: 12px;
    font-weight: 600;
}

.mainTextBodyHome table {
    text-align: center;
    width: 100%;
}

.mainTextBodyHome thead td {
    font-size: 9px;
    font-weight: 500;
    padding-bottom: 20px;
}

.mainTextBodyHome tbody td {
    font-size: 9px;
    font-weight: 600;
}

.plusvalue {
    color: green;
}

.mainTextBodyHome tbody td h6 {
    font-size: 9px;
    margin-bottom: 0px;
}

.logonamecoin {
    display: flex;
}

.logonamecoin img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.mainTextBodyHome tbody tr td {
    margin-bottom: 15px !important;
}

.minusvalue {
    color: red;
}


#nextButton:disabled {
    color: #6666664d;
    cursor: not-allowed;
}

#warningmsg {
    color: red;
    font-size: 11px;
    font-weight: 600;
    margin-top: 5px;
}

.inputSection input {
    width: 100%;
}

.mainLoginShowSec {
    height: 100%;
    overflow: scroll;
}

.userimgname {
    text-align: center;
    background-color: #396a57;
    padding-top: 0px;
}

.inneruserimgname {
    background-repeat: no-repeat;
    background-image: url('./../image/profile_up.png');
    background-size: 100%;
    background-position: bottom;
    padding-top: 20px;
}

.userimgname img {
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
}

.userimgname h3 {
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
}

.amountSection {
    display: flex;
    text-align: center;
    justify-content: space-around;
    margin: 20px 0px;
}

.amountSection h5 {
    font-size: 10px;
    font-weight: 500;
    color: #666666;
    margin-bottom: 0px !important;
}

.amountSection p {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.linklist li {
    margin-bottom: 18px;
}

.linklist li:hover {
    cursor: pointer;
}

.linklist li a {
    color: #111;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.linklist li span p {
    font-size: 12px;
    font-weight: 500;
}

.linklist li span img {
    width: 22px;
    margin-right: 5px;
    height: 22px;
}

.linklist li span {
    display: flex;
    align-items: center;
}

.payRewardSec {
    background-image: url('../images/reimg.png');
    background-size: cover;
    background-position: center;
    padding: 25px 10px 16px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.payRewardSec h5 {
    color: #000;
}

.payRewardSec button {
    background-color: #000;
    color: #fff;
    border: 0px;
    font-size: 10px;
    font-weight: 600;
    border-radius: 50px;
    padding: 3px 20px;
}

.payRewardSec ul {
    margin-top: 0px !important;
}

.payxsection {
    background-image: url('../images/dark.png');
    background-size: cover;
    background-position: center;
    padding: 20px 10px;
    display: flex;
    margin: 20px 0px !important;
    border-radius: 4px;
    align-items: center;
    justify-content: space-between;
}

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

.insecpay img {
    width: 30px;
    margin-right: 5px;
    height: 30px;
}

.insecpay h4 {
    font-size: 10px;
    margin-bottom: 0px;
    font-weight: 600;
    color: wheat;
}

.insecpay p {
    font-size: 8px;
    font-weight: 500;
    color: #a5a9ae;
}

.payxsection button {
    background-color: wheat;
    color: rgb(41, 4, 4);
    font-size: 9px;
    font-weight: 500;
    border: 0px;
    border-radius: 50px;
    padding: 4px 20px;
}

.otherhead {
    display: flex;
    align-items: center;
    padding: 10px 0px;
    justify-content: space-around;
    width: 300px;
    background: #fff;
    z-index: 999999999;
}

.otherhead h4 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0px;
    font-family: "Poppins", sans-serif;
}

.clockimg {
    width: 25px;
    height: 22px;
}

.otherhead a img {
    margin-bottom: 0px !important;
    display: flex;
    width: 15px;
    justify-content: center;
    align-items: center;
}

.backimgup {
    width: 100%;
}


.innerBodyRecharge {
    background-color: #fff;
    padding: 10px;
    margin: 10px;
    border-radius: 4px;
}

.infosec i {
    color: rgb(139, 139, 4);
}

.infosec {
    background-color: #fffef0;
    padding: 5px;
    font-size: 9px;
    font-weight: 600;
}

.innerBodyRecharge h4 {
    font-size: 12px;
    font-weight: 600;
    color: #333;
    margin-top: 10px;
    margin-bottom: 0px;
    font-family: "Poppins", sans-serif;
}

.networksection button img {
    width: 25px;
    margin-right: 10px;
}

.networksection button {
    width: 49%;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    padding: 5px;
    background-color: #f4f3f3;
    border: 0px;
}

.avamount {
    font-size: 9px;
    color: var(--maincolor);
    font-weight: 500;
    font-family: var(--poppins);
    margin-top: 5px;
}

#depositbutton {
    border: 0px;
    color: #fff;
    width: 100%;
    border-radius: 50px;
    margin: 20px 0px 8px;
    background-color: #000;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 20px;
}

.amountent {
    font-size: 12px;
    font-weight: 500;
    margin: 10px 0px !important;
}

.inputsectionnet {
    display: flex;
    align-items: center;
    position: relative;
}

.inputsectionnet input {
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    height: 40px;
    border-radius: 20px;
    padding: 5px 75px 5px 10px;
    border: 1px solid #ccc;
}

.inputsectionnet span {
    position: absolute;
    right: 7px;
    top: 10px;
    font-weight: 600;
    font-size: 12px;
}

.inputsectionnet span img {
    width: 20px;
}

.infousdtd {
    text-align: center;
    font-size: 12px;
    color: #4b4848;
    font-weight: 600;
}

.innsecbody {
    padding: 10px;
}

.innsecbody h6 {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.ifhavetra {
    font-size: 10px;
    font-weight: 500;
    color: #666;
    font-family: var(--poppins);
    text-align: center;
}

.listsection {
    padding: 10px 0px;
    border-bottom: 1px solid #e1dddd;
}

.listsection p {
    font-size: 11px;
    font-weight: 600;
    color: #666;
}

.listsection h4 {
    margin-top: 5px;
    color: #222;
}

.listsection img {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.usdttype {
    color: red;
    font-size: 9px;
    font-weight: 600;
    padding: 10px 10px 50px;
}

.qrcodeimage {
    width: 30%;
    margin-left: 35%;
    ;
    margin-bottom: 15px;
}

.txidsection {
    margin: 5px 0px 10px;
}

.txidsection button {
    background-color: transparent;
    color: #000;
    font-size: 10px;
    font-weight: 600;
    border: 0px;
    font-family: var(--poppins);
}



.networksection label {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 600;
}

.networksection label img {
    width: 20px;
    margin-right: 8px;
}

.networksection input {
    position: absolute;
    background-color: transparent;
    width: 175%;
    height: 12px;
    margin-top: 3px;
}

.logoutbtn {
    background-color: #000;
    color: #fff;
    padding: 8px 20px;
    width: 100%;
    border: 0px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 50px;
}

.referimg {
    width: 100%;
}

.emImgSec {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    flex-direction: column;
}

.emImgSec img {
    width: 190px;
}

.backOptionRefer {
    position: fixed;
    top: 10px;
    left: 10px;
}

.backOptionRefer a img {
    margin-bottom: 0px !important;
}

.referback a img {
    width: 16px !important;
}

.upTextInv {
    text-align: center;
}

.upTextInv h2 {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 3px !important;
    margin-top: 20px;
}

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

.otherTextReferal {
    padding: 0px 20px 0px;
}

.otherTextReferal button,
.submitSection button {
    width: 100%;
    border: 0px;
    background-color: #111;
    color: #fff;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 500;
    margin-top: 30px;
}

.percentageSection {
    background-color: #000;
    border-radius: 8px;
    padding: 10px;
}

.percentageSection h5 {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: #ffd016;
}


.headsecrate {
    font-weight: 600 !important;
    background-color: #ffd016;
}


.ordinate {
    padding: 0px 0px 4px;
    background-color: #fff;
    display: flex;
    border-radius: 4px;
    overflow: hidden;
    justify-content: space-between;
}

.ordinate span {
    display: block;
    text-align: center;
    font-size: 10px;
    font-weight: 600;
    padding: 5px;
}

.headSecordileft,
.rateSectionright {
    width: 50%;
}

.otherheadSection {
    display: flex;
    padding: 10px;
    justify-content: start;
}

.otherheadSection h4 {
    margin: auto;
}

.emImgSec p {
    font-size: 10px;
    font-weight: 600;
    color: #ccc;
    margin-top: 5px;
}

.sellOption {
    padding: 15px;
    background-color: #fff;
    margin: 10px 0px;
}

.sellOption label {
    font-size: 12px;
    font-weight: 400;
    color: #5b5b5b;
    margin-bottom: 5px;
}

.mainSellBody {
    background-color: #fafafa;
}

.avalus {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
    margin-top: 5px;
}

.avalus img {
    width: 12px;
}

.avalus i {
    font-size: 9px;
    margin-left: 2px;
}

.Available {
    color: blue;
}

.submitSection {
    margin: 10px;
}

.submitSection p {
    color: #a5a9ae;
    font-size: 11px;
    font-weight: 400;
}

.submitSection button {
    margin-top: 10px;
    margin-bottom: 10px;
}

.backSecRate {
    background-color: #f4f4f4;
    border-radius: 4px;
    padding: 8px;
}

.backSecRate td span {
    color: red;
}

.backSecRate td {
    background-color: #fff !important;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
}

.backSecRate table {
    margin-bottom: 0px;
    border-radius: 4px;
    overflow: hidden;
}

.backSecRate tr td:first-child {
    border-right: 1px solid #ddd !important;
}

#amountText {
    font-size: 12px;
    font-weight: 700;
}

.backSecRate {
    margin-top: 20px;
}

.accountOption {
    background-color: #fff;
    padding: 10px;
    margin: 10px 0px;
}

.accountOption ul {
    border-radius: 0px;
}

.accountOption li span:last-child {
    color: #000;
}

.accountOption li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #a5a9ae !important;
    font-size: 12px;
    color: #5b5b5b;
    padding: 10px 0px !important;
}

.accountOption img {
    width: 15px;
}

.accountOption span h6 {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0px !important;
}

.sellupbaner {
    width: 100%;
}

.addbankaccountname {
    border: 2px dashed #2cdb8d;
    margin-top: 15px;
    padding: 15px;
    text-align: center;
    border-radius: 2px;
    font-size: 12px;
    cursor: pointer;
    font-weight: 600;
}

.addbankaccountname i {
    margin-right: 5px;
    color: #2cdb8d;
}

.account_addsection {
    background-color: #fff;
    padding: 10px;
    margin: 10px 0px;
}

.account_addsection div {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
    border-bottom: 1px solid #d6d6d6;
}

.account_addsection div:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.account_addsection div label {
    color: #333;
    font-size: 11px;
    font-weight: 600;
}

.account_addsection div input {
    border: 0px;
    font-size: 12px;
    width: 70%;
    font-weight: 500;
}

.comitbutton {
    width: 100%;
}

.butonscomit {
    padding: 0px 10px;
}

.comitp {
    font-size: 10px;
    font-weight: 400;
    font-family: var(--poppins);
    color: #5b5b5b;
    padding: 10px;
}

:focus-visible {
    outline: 0px;
}



.infsiantba {
    position: relative;
}

.innerbal {
    font-size: 12px;
    padding: 15px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #fff;
    font-weight: 500;
    color: red;
}

#infoSecbal {
    display: none;
}

.infsiantba button {
    color: red;
    border: 1px solid red;
    background-color: transparent;
    margin-bottom: 25px;
}

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

.logoimg {
    width: 90px;
}

.logo p {
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px;
}

.backlinkin {
    position: relative;
    top: 0px;
    left: 0px;
    text-align: left;
}





.mainTextReward {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    padding: 10px;
    background-color: #fff;
    font-weight: 600;
}

.mainContentreward {
    display: flex;
    border-bottom: 1px solid #ddd;
    justify-content: space-between;
    padding: 10px;
    font-size: 12px;
    font-weight: 500;
}

.mainTextReward img {
    width: 15px;
}



.depositQuery {
    font-size: 10px;
    font-weight: 500;
}

.donesec {
    color: #095cda !important;
}

.pendingsec {
    color: #712626 !important;
}

.processSection {
    font-size: 8px;
    font-weight: 500;
    border-radius: 4px;
}

.accountSectionAll {
    position: relative;
}

.addButtonSection {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 10px;
    width: 100%;
}

.addButtonSection button {
    background-color: #000;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 10px;
    text-align: center;
    border: 0px;
    color: #fff;
    border-radius: 50px;
    width: 90%;
    margin-left: 5%;
}

.submitvalueSection {
    background-color: #000 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 8px 10px;
    text-align: center;
    border: 0px !important;
    color: #fff !important;
    border-radius: 50px !important;
}

.accountSectionAll {
    padding: 10px;
}

.buttonSecacc {
    align-items: center;
    display: flex;
    border-top: 1px solid #b4b4b4;
    justify-content: space-between;
    padding-top: 8px;
    margin-top: 8px;
}

.buttonSecacc p {
    font-size: 10px;
    font-family: var(--poppins);
    font-weight: 500;
    color: #712626;
}

.buttonSecacc button {
    background-color: transparent;
    color: #712626;
    border: 0px;
    padding: 0px;
    font-size: 14px;
}

.mainAccountSec {
    background: #fff;
    padding: 10px;
    border-radius: 4px;
}

.mainAccountSec li {
    font-size: 12px;
    font-weight: 500;
}

#accountWarning,
#usdtWarining,
#amountWarning {
    display: none;
}

.mainContainerLogin {
    background-color: #000;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Nunito Sans", sans-serif !important;
}

.mainContainerLogin h2 {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 0px !important;
}

.mainContainerLogin p {
    font-size: 14px;
    margin-bottom: 25px !important;
    font-weight: 500;
    color: #333;
}

.mainContainerLogin .innerLoginSec {
    background: #fff;
    padding: 40px 20px;
    height: 100%;
    width: 380px;
    border-top: 5px solid #ef0606;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.inputSearchSection {
    position: relative;
}

.mainContainerLogin label {
    font-size: 13px;
    font-weight: 500;
}

.inputSearchSection i {
    position: absolute;
    top: 16px;
    left: 13px;
    color: #666;
}

.inputSearchSection input {
    padding: 10px 10px 10px 50px;
    font-size: 14px;
    height: 52px;
    font-weight: 600;
    border-radius: 4px;
    margin-bottom: 15px;
}

.mainContainerLogin button {
    text-align: center !important;
    color: #fff !important;
    border: 0px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    margin-top: 15px !important;
    background: #ef0606 !important;
    /* width: fit-content; */
}

.sendOtpButton {
    background-color: transparent !important;
    padding: 0px !important;
    position: absolute;
    color: #000 !important;
    right: 10px !important;
    width: fit-content !important;
    top: -5px !important;
}

.exchangePriceSection {
    display: flex;
    align-items: center;
    width: 100%;
}

.exchangePriceSection div {
    display: flex;
    align-items: center;
}

.exchangePriceSection div img {
    width: 20px;
    height: 20px;
}

.exchangePriceSection div h4 {
    font-size: 11px;
    font-weight: 400;
    margin-left: 5px;
    margin-bottom: 0px !important;
    font-family: "Lato", sans-serif;
    color: #444;
}

.exchangePriceSection p {
    font-size: 9px;
    color: #797777;
}

.mainButtonClass {
    border-radius: 50px;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    padding: 8px;
    border: none;
    color: #fff;
    font-family: "Poppins", sans-serif;
    background-color: #06b58f;
}

.mainButtonClass:hover {
    background-color: #10a992;
}


.rupLabel {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 3px;
    color: #333;
}

#ruppes input {
    border: 0px;
    background-color: transparent;
    width: 100%;
    font-weight: 500;
    height: 36px;
    font-family: "Roboto Condensed", sans-serif !important;
}

.ruppes {
    padding: 6px 8px;
    background-color: #f6f6f6;
    position: relative;
    width: 100%;
    font-family: "Roboto Condensed", sans-serif !important;
    display: flex;
    justify-content: space-between;
    border-radius: 3px;
    align-items: center;
}


.middleSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0px;
}

.middleSection div {
    width: 40%;
    border-top: 1px solid #ddd;
}

.middleSection img {
    width: 25px;
}

.mainHeadExchange {
    background-image: url('../image/exchange_top.png');
    height: 175px;
    background-size: cover;
    border-bottom-left-radius: 37px;
    border-bottom-right-radius: 37px;
    text-align: center;
    color: #fff;
    padding-top: 40px;
}

.betweenTextQUery {
    border-radius: 8px;
    overflow: hidden;
    position: absolute;
    top: 100px;
    width: 94%;
    margin-left: 3%;
}

.betweenTextQUery div {
    display: flex;
    align-items: center;
}

.betweenTextQUery img {
    width: 20px;
}

.betweenTextQUery p {
    font-size: 11px;
    line-height: 14px;
}

.easyTradingSection {
    border: 1px solid #e3e2e2;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    align-items: center;
}

.easyTradingSection h2 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 3px !important;
}

.easyTradingSection p {
    font-size: 11px;
    color: #b8b3b3;
    margin-bottom: 6px !important;
    line-height: 13px;
}

.betweenTextQUery span i {
    margin-right: -2px;
}

.easyTradingSection button {
    background-color: #000;
    border: 0px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 11px;
    padding: 2px 20px 5px 23px;
    font-weight: 600;
}

.texteasy {
    width: 90%;
}

.easyTradingSection img {
    width: 55px;
}

.threeSection {
    display: flex;
    padding: 17px 0px;
    border-radius: 8px;
    justify-content: space-between;
    background: #fff;
    margin: 10px 0px;
}

.threeSection div {
    width: 33.3%;
    text-align: center;
}

.threeSection img {
    width: 30px;
}

.threeSection a {
    color: #333 !important;
}

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

.lefttwo {
    padding: 10px;
}

.twoLastSec {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.lefttwo {
    width: 49%;
    background-color: #fff;
    padding: 10px;
    border-radius: 8px;
}

.righttwo {
    width: 49%;
}

.btright,
.bttright {
    background-color: #fff;
    padding: 10px;
    border-radius: 8px;
}

.bttright {
    margin-bottom: 10px;
    background-image: url('../image/back_im_ex.png');
    background-size: 65%;
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 115px;
}

.bttright img {
    width: 65%;
}


.threeSectionSlider {
    display: flex;
    background-color: #fff;
    padding: 10px 10px 13px;
    border-radius: 8px;
    justify-content: space-between;
}

.threeSectionSlider div {
    width: 33.3%;
    text-align: center;
}

.threeSectionSlider h3 {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
}

.threeSectionSlider p {
    font-size: 9px;
    font-weight: 600;
    color: #06b58f;
}

.threeSectionSlider span {
    font-size: 10px;
    font-weight: 400;
    color: #666;
    margin-bottom: 5px;
}

.mainHeadExchange p {
    font-family: "Lato", sans-serif;
    font-size: 13px;
    font-weight: 500;
}

.mainHeadExchange h3 {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 800;
}

.exchanageValueSection h2 {
    font-size: 15px;
    font-weight: 800;
    font-family: "Lato", sans-serif;
    letter-spacing: 1px;
}

.applinkdownload {
    padding: 10px 8px;
    border-bottom: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: end;
}

.applinkdownload .downloadbutton {
    background: #01ba8e;
    padding: 4px 12px 2px;
    border: 0px;
    font-size: 10px;
    color: #fff;
    border-radius: 43px;
}

.appimgtext {
    display: flex;
    width: 70%;
    align-items: center;
}

.appimgtext img {
    width: 32px;
    height: 32px;
    margin-right: 5px;
}

.appimgtext h4 {
    font-size: 11px;
    font-weight: 600;
    color: #333;
    font-family: "Lato", sans-serif;
    margin-bottom: 1px;
}

.appimgtext p {
    font-size: 10px;
    font-weight: 500;
    color: #777;
    margin-bottom: 0px;
    font-family: "Lato", sans-serif;
}

.applinkMainDiv {
    position: relative;
}

.closeAppLink {
    position: absolute;
    top: 5px;
    color: #666;
    right: 10px;
    font-size: 10px;
    background-color: transparent;
    border: 0px;
    padding: 0px;
}

.btright h2 {
    display: flex;
    margin-bottom: 5px !important;
}

.btright h2 img {
    width: 20px;
    margin-left: 10px;
}

.labelTxtMain {
    font-size: 12px;
    color: #666;
    font-weight: 500;
}

.ifLoginMainDe p span {
    font-size: 14px;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif !important;
}

.ifLoginMainDe p {
    font-size: 10px;
    font-weight: 500;
    color: #191919;
}

.mainTwoInDiv {
    display: flex;
}

.ifLoginMainDe {
    border: 1px solid #e3e2e2;
    border-radius: 12px;
    padding: 12px;
    position: relative;
}

.ifLoginMainDe img {
    width: 75px;
    position: absolute;
    top: 15px;
    right: 20px;
}

.completeProfile {
    background: #000 !important;
    border-radius: 50px !important;
    padding: 10px !important;
    border: 0px !important;
    color: #fff;
    margin-top: 20px;
    font-size: 11px !important;
    font-family: "Poppins", sans-serif !important;
}

.otherprofilemenu {
    padding: 0px 20px 20px;
}

.otherprofilemenu .threeSection {
    justify-content: space-evenly !important;
}

.innerBodyRecharge .inputSectionMain span img {
    width: 15px;
    margin-right: 5px;
}

.innerBodyRecharge .inputSectionMain span {
    position: absolute;
    top: 15px;
    font-size: 12px;
    right: 10px;
    font-weight: 500;
    display: flex;
    align-items: center;
    font-family: var(--poppins);
}

.innerBodyRecharge .inputSectionMain input {
    border: 0px;
    padding: 8px;
    font-size: 13px;
    font-weight: 500;
    height: 48px;
}

.usdtTypered {
    font-size: 10px;
    font-weight: 500;
    color: red;
    font-family: var(--poppins);
}

.innerBody {
    height: 100%;
}

.linkcopybuttonSec {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.linkcopybuttonSec span {
    font-size: 12px;
    font-weight: 500;
    color: blue;
}

.linkcopybuttonSec button {
    background-color: transparent;
    border: 0px;
    padding: 0px;
}

.statementTable {
    background-color: pink;
}

.tablehead {
    background-color: #333;
    color: #fff;
    font-size: 9px;
    font-weight: 600;
}

.tableDataSection {
    font-size: 9px;
    font-weight: 500;
}

.tablehead,
.tableDataSection {
    display: flex;
    justify-content: space-between;
}

.tablehead div,
.tableDataSection div {
    padding: 5px;
    font-size: 8px;
    font-family: var(--poppins);
    border-right: 1px solid #ccc;
}

.tableDataSection {
    border-bottom: 1px solid #ccc;
}

.tableDataSection div,
.tablehead div {
    width: 50px;
    text-align: center;
}

.tableDataSection div:first-child,
.tablehead div:first-child {
    width: 150px;
    text-align: left;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.tableDataSection div:last-child,
.tablehead div:last-child {
    border-right: 0px;
    width: 50px;
}

.selectBankAccount p {
    font-size: 12px;
    font-weight: 500;
    color: #333;
    margin-top: 10px;
    margin-bottom: 5px !important;
}

.selectBankAccount select {
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    padding: 14px 10px;
    background-color: transparent;
    border: 0px !important;
    border: 1px solid #ccc !important;
}

.mainRupeeShow {
    height: 36px;
    display: flex;
    align-items: center;
}
#fundNot, #sendMailStatus{
    display: none;
}
.successSessionDiv p{
    font-size:10px !important;
    font-weight: 600 !important;
    color: #01ba8e !important;
}
.successSessionDiv{
    background: #01ba8e4a !important;
    border-radius: 4px !important;
    margin-bottom: 8px !important;
    padding: 4px !important;
    font-size:10px !important;
    font-weight: 600 !important;
    color: #01ba8e !important;
    text-align: center !important;
}

#fundLess{
    display: none;
}