@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mozilla+Headline:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=BBH+Sans+Hegarty&family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Momo+Trust+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Momo+Trust+Sans:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.hdr-title {
/* font-family: "Momo Trust Display", sans-serif !important; */
font-family: 'Montserrat', sans-serif !important;
font-weight: 600;
letter-spacing: 0.5px;
font-size: 14px !important;
}
input[type="password"],
input[type="email"],
input[type="text"],
input[type="file"],
input[type="num"],
input[type="submit"],
textarea,
select,
button,
body, html, p, span, li, label, a, h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif !important;
font-optical-sizing: auto;
font-style: normal;
}
input[type="submit"],
input[type="button"],
.rounded {
border-radius: 10px !important;
}
label {
font-size: 12px !important;
}
.hover-gray:hover,.hover-gray:active {
background-color: #f1f1f1;
}
.theme-btn {
background-color: #622cfd !important;
background: linear-gradient(142.56deg, #913aff -1.68%, #622cfd 62.12%);
text-transform: uppercase !important;
font-weight: 600 !important;
color: #fff;
letter-spacing: 1px;
font-size: 13px !important;
}
.theme-btn:hover {
background-color: #333 !important;
background: linear-gradient(142.56deg, #666 -1.68%, #222 62.12%);
color: #fff;
}
#btn-fund {
display: none;
}
#input-wrapper span {
z-index: 99;
line-height: 25px;
padding: 2px;
margin: 10px 1px 0 8px;
position: absolute;
}
#input-wrapper input {
text-indent: 37px;
}
.section-t-space {
margin-bottom: -5px;
}
.numbers {
font-family: 'DM Sans', sans-serif !important;
font-style: normal;
}
body, .navbar-menu, .offcanvas.offcanvas-bottom, .offcanvas.offcanvas-bottom-1, .offcanvas.offcanvas-top {
margin: auto;
width: 27%;
}
.offcanvas-title {
font-size: 15px !important;
font-weight: 600;
}
.successful {
background-color: #34c29d;
color: #fff;
border-radius: 3px;
padding: 3px 5px 3px 5px;
margin: -5px -1px 0 0;
font-size: 10px;
}
.failed {
background-color: #db5738;
color: #fff;
border-radius: 3px;
padding: 3px 5px 3px 5px;
margin: -5px -1px 0 0;
font-size: 10px;
}
.success-color {
color: #34c29d !important;
}
.error-color {
color: #db5738 !important;
}
.card-details h5, .card-details h6 {
color: rgba(255, 255, 255, 0.8) !important;
}
p, span {
text-transform: none !important;
}
.naira {
font-size: 13px;
text-decoration: line-through;
}
a { color: #222; }
.back-btn {
color: rgba(var(--theme-color), 1) !important;
}
.back-btn:hover, .back-btn:active {
background-color: rgba(var(--theme-color), 1) !important;
color: #fff !important;
}
.hover-gray:hover {
background-color: #f5f6f8;
}
.btn-back {
position: absolute;
top: 30px;
left: 20px;
z-index: 9;
color: #fff;
}
ul.profile-list li i {
color: #7756d8;
}
ul.profile-list li a:hover {
color: #7756d8;
}
.text-white {
color: #fff !important;
}
.fw-800 {
font-weight: 800 !important;
}
.text-sm {
font-size: 13px !important
}
.text-right {
text-align: right !important;
}
.label {
margin-top: 10px;
}
#preloader {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
position: fixed;
background-color: #fff;
opacity: 0.9;
}
#loading-animation {
width: 150px;
height: 150px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); 
z-index: 99999;
/* background: url('img/loader-anim.gif') center center no-repeat; */
}
#loading-animation img {
width: 100%;
}
.crypto-wallet-box .card-details .price-difference {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
/* gap: 6px; */
padding: 5px 10px 5px 10px;
color: rgb(255, 255, 255);
background: rgba(var(--white), 0.25);
border-radius: 8px;
width: 190px;
}
.add-img  {
border-radius: 10px;
background-color: #fff !important;
}
.add-img img {
width: 100%;
border-radius: 10px;
}
.hidden {
display: none;
}
.purple {
color: rgba(var(--theme-color), 1) !important;
}
.purple:hover {
color: #222 !important;
}
.bg-purple {
background-color: rgba(var(--theme-color), 1) !important;
color: #fff !important;
}
.maincolor {
color: rgba(var(--theme-color), 1) !important;
}
.maincolor-2 {
color: #7756d8;
}
.bg-maincolor {
background-color: rgba(var(--theme-color), 1) !important;
}
.bg-maincolor-2 {
background-color: #7756d8 !important;
}
.text-maincolor {
color: rgba(var(--theme-color), 1) !important;
}
.text-maincolor:hover, .text-maincolor:active {
color: #222 !important;
font-weight: 600 !important;
}
.amount-list .amount {
cursor: pointer;
font-weight: 550;
font-family: 'DM Sans', sans-serif !important;
}
.select-amount {
background-color: #7756d8 !important;
color: #fff !important;
}
.amount-list .amount:hover, .amount-list .amount:active {
background-color: #7756d8 !important;
color: #fff !important;
}
button:disabled {
color: #fff !important; /* Darker text color */
cursor: not-allowed; /* Change cursor to "not-allowed" */
opacity: 0.4; /* Reduce opacity to make it look faded */
}
.alert {
padding: 8px 0 8px 0;
margin-bottom: 5px;
font-size: 13px;
}
.text-light {
color: #666;
}
@media (max-width: 767px) {
body, .navbar-menu, .offcanvas.offcanvas-bottom, .offcanvas.offcanvas-bottom-1, .offcanvas.offcanvas-top {
width: 100%;
}
}